使用.classList.add()向HTML元素添加类的按钮，在第一次单击时恢复原状
使用.classList.add()向HTML元素添加类的按钮，在第一次单击时恢复原状
提问于 2020-12-02 01:02:15
我有一个简单的按钮，当点击时，将添加或删除基于布尔型cookie值的HTML元素的一些类。
按钮和类更新的行为几乎与它应该的行为完全相同，但是在第一次单击时并不是这样。在第一次单击时(在调试时)，我可以看到类被正确应用，接口也更新了，但是在函数完成后，元素恢复到它以前的状态。欢迎就可能导致这种情况的原因提出任何建议。
<button type="button" id="nav_expand"></button>document.getElementById("nav_expand").addEventListener("click", function (event) {
event.preventDefault()
setExpand(false);
});
function setExpand(init) {
debugger;
if (getCookie('navbar_expand') === true) {
toggleCookie('navbar_expand');
document.body.classList.remove('classOne');
document.body.classList.remove('classTwo');
} else {
toggleCookie('navbar_expand');
document.body.classList.add('classOne');
document.body.classList.add('classTwo');
}
}Stack Overflow用户
发布于 2020-12-02 16:58:55
我的问题是有一个自定义类(我不知道它的存在)，它切换了我试图手动更改的相同类值。导致了奇怪的行为。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65095038
复制相关文章
相似问题
腾讯云开发者
