js中怎么往选择器里面添加class类
时间: 2023-09-08 22:01:10 浏览: 84
在JavaScript中可以使用classList属性来往选择器中添加类。
classList是一个DOM元素的属性,它提供了一些方法来添加、移除或切换元素的类。
要向选择器中添加类,需要先通过选择器获取到对应的DOM元素,然后使用classList属性进行操作。
首先,可以使用querySelector或querySelectorAll方法来选择需要操作的DOM元素。例如,
```javascript
var element = document.querySelector(".selector"); // 选择器可以是类选择器、id选择器或标签选择器
```
接下来,可以使用classList的add方法向该DOM元素中添加类。例如,
```javascript
element.classList.add("new-class"); // 添加名为"new-class"的类
```
如果需要添加多个类,可以连续调用add方法。例如,
```javascript
element.classList.add("class1", "class2", "class3"); // 添加多个类
```
另外,classList还提供了remove方法用于移除类,toggle方法用于在类存在时移除,不存在时添加,和contains方法用于判断元素是否包含某个类。例如,
```javascript
element.classList.remove("class-to-remove"); // 移除名为"class-to-remove"的类
element.classList.toggle("class-to-toggle"); // 切换名为"class-to-toggle"的类的状态
var hasClass = element.classList.contains("check-class"); // 判断是否包含名为"check-class"的类,返回true或false
```
通过classList属性的这些方法,可以实现向选择器中添加类的操作。
阅读全文