js循环添加class
时间: 2023-10-02 07:13:28 浏览: 29
你可以使用 JavaScript 中的 for 循环结合 classList 属性来为元素添加 class。
例如,以下代码将为具有 class 名称 "box" 的所有元素添加 "highlight" class:
```javascript
var boxes = document.querySelectorAll('.box');
for (var i = 0; i < boxes.length; i++) {
boxes[i].classList.add('highlight');
}
```
这将为所有 class 名称为 "box" 的元素添加名为 "highlight" 的 class。
相关问题
js循环添加class有几种方法
在 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,但是具体使用哪种方法取决于个人的编程习惯以及代码的需求。
js根据id循环添加class
可以使用以下代码来实现:
```javascript
var elements = document.querySelectorAll('#id'); // 获取所有 id 为 id 的元素
for (var i = 0; i < elements.length; i++) {
elements[i].classList.add('class'); // 添加 class
}
```
其中,`#id` 是你要操作的元素的 id,`class` 是你要添加的 class。这段代码会获取所有 id 为 `id` 的元素,然后循环遍历它们,依次添加 `class`。