DOM —— classList

DOM —— classList

element.classList有哪些方法?如何判断一个元素的 class 列表中是包含某个 class?如何添加一个class?如何删除一个class?

Element.classList 是一个只读属性,返回一个元素的类属性的实时集合。

Document

具有方法:

add( String [, String] )

添加指定的类值。如果这些类已经存在于元素的属性中,那么它们将被忽略。

var div = document.getElementById("myDiv");

div.classList.add("class2");

console.log(div.classList);

remove( String [,String] )

删除指定的类值。

div.classList.remove("class");

item ( Number )

按集合中的索引返回类值。

Document

toggle ( String [, force] )

当只有一个参数时:切换 class value; 即如果类存在,则删除它并返回false,如果不存在,则添加它并返回true。

当存在第二个参数时:如果第二个参数的计算结果为true,则添加指定的类值,如果计算结果为false,则删除它

存在一个参数时:

[图片上传中...(QQ截图20180323213957.jpg-59005a-1521812402000-0)]

Document

存在两个个参数时:

第二个参数为一个表达式,对表达式最终运算结果为true,则添加class,否则删除。

可以预见的是,这个表达式会隐式调用Boolean()方法实现转化。

Document

Document

contains( String )

检查元素的类属性中是否存在指定的类值。

Document

相关推荐

东施的解释
365一直提款维护中

东施的解释

📅 07-17 👁️ 3526
魅蓝note&红米note拍照哪家强?
365彩票手机版下载

魅蓝note&红米note拍照哪家强?

📅 07-17 👁️ 3250
“韶”字是什么意思?正确读音、注音及书写笔顺详解
365一直提款维护中

“韶”字是什么意思?正确读音、注音及书写笔顺详解

📅 07-25 👁️ 5753
全国最全雪山分布图,盘点国内最值得去的20座雪山
365彩票手机版下载

全国最全雪山分布图,盘点国内最值得去的20座雪山

📅 07-20 👁️ 3118
朱砂选择全攻略:如何选、如何用、注意事项
365app安卓客户端下载

朱砂选择全攻略:如何选、如何用、注意事项

📅 06-30 👁️ 8350
iPhone 12绿屏怎么检测?iPhone 12绿屏检测教程
365彩票手机版下载

iPhone 12绿屏怎么检测?iPhone 12绿屏检测教程

📅 07-19 👁️ 679