Element​.class​List还可以这样操作?

2019-09-061718次阅读DOMhtml5

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

 

上一篇: css3显示器故障形式的文本  下一篇: background-clip背景裁剪实现嵌套渐变背景  

Element​.class​List还可以这样操作?相关文章