js循环添加class有几种方法
时间: 2024-05-13 22:14:08 浏览: 60
在 JavaScript 中,可以使用以下几种方法循环添加 class:
1. 使用 for 循环遍历 DOM 元素,然后使用 classList.add() 方法添加 class。
```javascript
const elements = document.querySelectorAll('.example');
for(let i = 0; i < elements.length; i++){
elements[i].classList.add('new-class');
}
```
2. 使用 forEach() 方法遍历 DOM 元素集合,然后使用 classList.add() 方法添加 class。
```javascript
const elements = document.querySelectorAll('.example');
elements.forEach(element => element.classList.add('new-class'));
```
3. 使用 ES6 的 for...of 循环遍历 DOM 元素集合,然后使用 classList.add() 方法添加 class。
```javascript
const elements = document.querySelectorAll('.example');
for(const element of elements){
element.classList.add('new-class');
}
```
注意:以上三种方法都可以循环添加 class,但是具体使用哪种方法取决于个人的编程习惯以及代码的需求。
阅读全文