如何使用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'; // 似乎可以,但如果元素已有类,它们会消失
```
请问,如何正确地向元素添加类,使得原有的类不被删除?还有没有其他方法?