js添加元素的class
时间: 2024-06-15 19:07:59 浏览: 75
jQuery使用addClass()方法给元素添加多个class样式
在JavaScript中,可以使用以下几种方式来添加元素的class:
1. 使用classList属性:
可以通过元素的classList属性来添加、移除或切换class。classList是一个DOMTokenList对象,它提供了一系列方法来操作元素的class。
例如,要给一个元素添加class,可以使用`add()`方法:
```javascript
var element = document.getElementById("myElement");
element.classList.add("myClass");
```
2. 使用className属性:
可以直接通过元素的className属性来设置元素的class。需要注意的是,使用className属性会覆盖元素原有的class,所以需要将原有的class一并设置。
例如,要给一个元素添加class,可以使用如下方式:
```javascript
var element = document.getElementById("myElement");
element.className += " myClass";
```
3. 使用setAttribute()方法:
可以使用元素的setAttribute()方法来设置元素的class属性。需要注意的是,使用setAttribute()方法会覆盖元素原有的class,所以需要将原有的class一并设置。
例如,要给一个元素添加class,可以使用如下方式:
```javascript
var element = document.getElementById("myElement"); element.setAttribute("class", "myClass");
```
阅读全文