如何在JavaScript中更改元素的类？完整指南

大家好！我刚开始学习JavaScript，遇到了一个问题。我有一个包含多个元素的HTML页面，需要在点击或其他事件中动态更改它们的类。例如，有一个按钮在按下时应高亮，或者一个块应隐藏/显示。 这是我的代码： ```html 点击我 ``` 我知道可以使用`className`，但我读到这并不总是正确的。我尝试过这样： ```javascript document.getElementById('myButton').onclick = function() { document.getElementById('myDiv').className = 'active'; }; ``` 但这只生效一次——如果我再次点击，类不会被移除。而且如果元素已经有多个类，它们都会被清除。如何正确地添加、删除和切换类？需要一个带有解释的完整示例。提前谢谢！ <<>>

使用classList——现代方法