querySelector配合classList
时间: 2023-11-07 08:18:00 浏览: 86
js选取多个或单个元素的实现代码(用class)
querySelector是一个DOM方法,它可以根据给定的选择器字符串来查找匹配的元素。classList是元素的属性,它返回一个表示元素类名的DOMTokenList对象。
配合使用querySelector和classList可以实现对特定元素的操作。例如,可以使用querySelector选择一个具有特定类名的元素,然后使用classList的方法来添加、删除或切换类名。
下面是一个示例代码:
```javascript
// 选择一个具有特定类名的元素
const element = document.querySelector('.my-element');
// 添加类名
element.classList.add('new-class');
// 删除类名
element.classList.remove('old-class');
// 切换类名
element.classList.toggle('active');
```
通过querySelector和classList,我们可以方便地操作DOM元素的类名,实现样式的动态改变或其他相关操作。
阅读全文