JS中classList

JS中的classList属性

(1)通过ClassList可以获取元素的全部类名;

(2)通过ClassList.remove()可以删除元素的一个或多个类名;

(3)通过ClassList.add()可以向元素添加一个或多个类名;

(4)通过ClassList.lentgh可以获取到元素类名的数量;

<div class="c1 c2 c3 aa bb cc dd ee" id="mydiv">

这个是demo

</div>

<script>

let mydiv = document.getElementById("mydiv");

console.info( mydiv.classList.length );  // 3

console.log( mydiv.classList.item(3) );

</script>

(5)通过ClassList.item(x)可以获取到元素类名索引为x的类名;

(6)通过ClassList.toggle可以为元素切换类;

(7)通过ClassList.contains(x)查看元素是否存在类名为"x"的类;