问题
- 获取dom元素的类名
- 增加或删除dom元素的类名
- 判断dom元素是否包含某个类名
定义
- classList 属性返回元素的类名，作为 DOMTokenList 对象。
- 该属性用于在元素中添加，移除及切换 CSS 类。
- classList 属性是只读的，但你可以使用 add() 和 remove() 方法修改它
语法
`element.classList`
属性
| 属性 | 描述 |
|---|---|
| length | 类名的数量，只读属性 |
方法
| 方法名 | 描述 |
|---|---|
| add(class1, class2, …) | 在元素中添加一个或多个类名。 如果指定的类名已存在，则不会添加 |
| contains(class) | 返回布尔值，判断指定的类名是否存在。 |
| item(index) | 返回元素中索引值对应的类名。索引值从 0 开始。 |
| remove(class1, class2, …) | 移除元素中一个或多个类名。 注意： 移除不存在的类名，不会报错。 |
| toggle(class, boolean) | 在元素中切换类名。 第一个参数为要在元素中切换的类名，并返回 false。 如果该类名不存在则会在元素中添加类名，并返回 true。 第二个是可选参数，是个布尔值用于设置元素是否强制添加或移除类，不管该类名是否存在。例如: 移除一个 class: element.classList.toggle(“classToRemove”, false); 添加一个 class: element.classList.toggle(“classToAdd”, true); |
版权声明：本文为Broken_Wave原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。