html5 classList属性
html5 classList属性用于在元素中添加,移除及切换 CSS 类。
classList 属性是只读的,但可以修改它。
html5 classList属性常用方法
add():添加class
remove():删除class
length:返回类列表中类的数量(只读属性)
contains():判断指定的class是否存在
item(index):返回元素中索引值对应的class
toggle():在元素中切换class
举例说明
<div id="div" class="test1 test2">classList</div> <script> document.getElementById("div").classList.length; // 2 setTimeout(() => { document.getElementById("div").classList.add("test3"); // 添加.class3 document.getElementById("div").classList.length; // 3 document.getElementById("div").classList.contains("test3"); // true document.getElementById("div").classList.item(2); // 'test3' }, 1000); setTimeout(() => { document.getElementById("div").classList.remove("test3"); // 删除.class3 document.getElementById("div").classList.contains("test3"); // false document.getElementById("div").classList.item(2); // null }, 2000); setTimeout(() => { document.getElementById("div").classList.toggle('test2'); }, 3000); </script>
通过以上内容我们知道了html5 classList属性常用方法,感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容,希望对大家有所帮助!引用本文内容时,请注明出处!谢谢合作!