element.classList 详解

classList 是 DOM（文档对象模型）中的一种属性，它不是一个单独的方法，而是属于 Element 类型的一个属性。classList 提供了对元素的类名进行操作的能力，使得我们可以方便地添加、删除和切换类名，而无需直接操作 className 属性。

classList 属性

classList 属性返回一个 DOMTokenList 对象，该对象提供了一些方法来操作元素的类名。DOMTokenList 对象具有以下方法：

1. add: 向元素添加一个或多个类名。
2. remove: 从元素移除一个或多个类名。
3. toggle: 切换一个类名的存在与否，如果不存在则添加，如果存在则移除。
4. contains: 检查元素是否包含特定的类名。
5. item: 获取索引位置上的类名。

示例

下面是一些使用 classList 的示例：

添加类名

const element = document.getElementById('myElement');
element.classList.add('new-class');

移除类名

const element = document.getElementById('myElement');