Element.classList是一个只读属性,返回一个元素的类属性的实时DOMTokenList数组集合。使用classList是替代element.className作为空格分隔的字符串访问元素的类列表的一种方便的方法。虽然element.classList本身是只读的,但是你可以使用add()和remove()方法修改它。add、remove、toggle等方法可以有多个参数。
快速回顾
add( String [, String] )
添加指定的类值。如果这些类已经存在于元素的属性中,那么它们将被忽略。
remove( String [,String] )
删除指定的类值。
item ( Number )
按集合中的索引返回类值。
toggle( String [, force] )
当只有一个参数时:切换class value; 即如果类存在,则删除它并返回false,如果不存在,则添加它并返回true。
当存在第二个参数时:如果第二个参数的计算结果为true,则添加指定的类值,如果计算结果为false,则删除它
contains( String )
检查元素的类属性中是否存在指定的类值。
replace( oldClass, newClass )
用一个新类替换已有类。
还可以这样操作
el.classList.value; // "module big"
el.classList.length; // 2