javascript - 切换类名 onclick JavaScript

Question

我快到了，只是对我的代码设置有点不确定，我基本上想在单击时删除一个类，然后再次将其添加回 onclick，然后删除 onclick，然后添加 onclick。等等!这就是我所拥有的，它就快到了，但是如果有更好的方法可以做到这一点，请帮忙!谢谢。

document.getElementById('myButton').onclick = function() {
    myButton.className = myButton.className.replace(/(?:^|\s)active(?!\S)/g, '') ? 'active': jbar.className.replace(/(?:^|\s)active(?!\S)/g, '') ;
}

非常感谢任何帮助!

Answer 1

我真的很惊讶没有人提到classList这里。因此，为了完整起见:替代解决方案是使用 classList 方法 toggle()。

那么您的情况就是:

document.getElementById('myButton').onclick = function() {
    this.classList.toggle('active');
}

e.classList.toggle() 有很好的支持(除了，嗯，IE，从 IE10 开始就有了)。 Click here以获得完整的浏览器兼容性。