Avatar ·

如何使用JavaScript向HTML元素添加CSS类?

大家好!我刚开始学习JavaScript,遇到了这样一个任务:需要在点击按钮时动态改变页面元素的样式。我知道可以通过添加CSS类来实现,但一直没搞明白如何正确实现。 我有一个简单的HTML标记: ```html
这个块应该改变颜色
``` 以及我想添加的CSS类: ```css .highlight { background-color: yellow; font-weight: bold; } ``` 我尝试写了这样的代码,但不起作用: ```javascript let div = document.getElementById('myDiv'); div.class = 'highlight'; // 不起作用 ``` 后来我在网上找到了关于`className`的内容,尝试了这样: ```javascript div.className = 'highlight'; // 似乎可以,但如果元素已有类,它们会消失 ``` 请问,如何正确地向元素添加类,使得原有的类不被删除?还有没有其他方法?