取出list中属性_classList属性的知识点整理

取出list中属性_classList属性的知识点整理
最近频繁的使用到 classList 这个HTML5属性,所以也把他总结一下。

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

该属性用于在元素中添加、移出、切换css类

语法：elem.classList

方法：

add( String[,String])：添加指定的类值。如果这些类已经存在于元素的属性中，那么他们将被忽略

remove(String[,String])：删除指定的类值

item(Number)：按集合中的索引返回类值

toggle(String[,force])：

当只有一个参数的时，切换class value ，即如果类存在，删除它，并返回false，如果类不存在，则添加它并返回true。
当存在第二个参数时，如果第二个参数的计算结果为true，则添加指定的类值，如果计算结果为false，则删除它
contains(string)：检查元素的类属性中是否存在指定的类值

属性

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

嗯、一例胜千言，看个小例子：