es6---classList 属性

之前我们要操作一个DOM元素的class属性，需要对这个DOM的class进行繁琐的循环判断，而现在HTML5为每个元素定义了classLlist属性，用于在元素中添加，移除及切换 CSS 类。该属性是 DOMTokenList 对象（一个只读的类数组对象），你可以通过DOMTokenList定义的方法对其进行修改。

classList 属性返回元素的类名，作为 DOMTokenList 对象。

classList 属性是只读的，但你可以使用 add() 和 remove() 方法修改它。

语法：

 element.classList

属性：

length;    返回类列表中类的数量，该属性是只读的

方法：

 element.classList.add(class1, class2, ...);   在元素中添加一个或多个类名。如果指定的类名已存在，则不会添加

 element.classList.contains(class);    返回布尔值，判断指定的类名是否存在。

 element.classList.item(index);   返回元素中索引值对应的类名。索引值从 0 开始。如果索引值在区间范围外则返回 null

 element.classList.remove(class1, class2, ...);   移除元素中一个或多个类名。注意： 移除不存在的类名，不会报错。

 element.classList.toggle(class, true|false);   在元素中切换类名。     第一个参数为要在元素中移除的类名，并返回 false。     如果该类名不存在则会在元素中添加类名，并返回 true。     第二个是可选参数，是个布尔值用于设置元素是否强制添加或移除类，不管该类名是否存在。例如：     移除一个 class: element.classList.toggle("classToRemove", false);     添加一个 class: element.classList.toggle("classToAdd", true);    注意： Internet Explorer 或 Opera 12 及其更早版本不支持第二个参数。