js classlist
时间: 2023-12-02 21:40:11 浏览: 156
classList 是 JavaScript 中一个用于操作元素类名的属性,它返回一个 DOMTokenList 对象,该对象表示当前元素的类名列表。classList 提供了一些方法,可以让我们轻松地添加、删除、切换和检查元素的类名。
以下是 classList 的一些常用方法:
1. add(className):向元素添加一个或多个类名。
```javascript
const element = document.getElementById('myElement');
element.classList.add('newClass');
```
2. remove(className):从元素中删除一个或多个类名。
```javascript
const element = document.getElementById('myElement');
element.classList.remove('oldClass');
```
3. toggle(className):如果元素中存在指定的类名,则删除它;如果不存在,则添加它。
```javascript
const element = document.getElementById('myElement');
element.classList.toggle('active');
```
4. contains(className):检查元素是否包含指定的类名,返回一个布尔值。
```javascript
const element = document.getElementById('myElement');
if (element.classList.contains('active')) {
// do something
}
```
阅读全文