元素class类名的添加和删除之classList

相信很多人都知道通过element.className的方式给元素添加class属性或获取元素的class属性。本文要介绍的HTML DOM classList是也可用于给元素添加、移除或切换class属性。

classList的基本使用：

一、语法：

element.classList

返回的是一个DOMTokenList类数组对象。
二、属性：
length 返回类列表中类的数量
value 返回所有的类名，以逗号隔开
三、方法：
add(class1, class2, ...) 在元素中添加一个或多个类名，如果已经类名已经存在，则不会添加
remove(class1, class2, ...) 移除元素中一个或多个类名
contains(class) 判读指定的类名是否在元素中存在，如果存在，则返回true；否则返回false
item(index) 返回类名在元素中的索引值，该值从0开始
toggle(class, true|false) 如果第二个参数存在且为false，则强制移除指定的类名；如果第二个参数存在且为true，则强制添加指定的类名

兼容性：

chrome	ie	firefox	safari	opera
8.0	10.0	3.6	5.1	11.5

参考：菜鸟教程HTML DOM classList属性