原生JS添加类名 删除类名

用途：主要用来给元素动态添加和移除css样式。将样式封装，避免样式代码冗余。

<div class="myDIV"></div>

<style>

.mystyle{

 display="none";

}

</style>

为 <div> 元素添加一个类:

document.getElementById("myDIV").classList.add("mystyle");

为 <div> 元素添加多个类:

document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass");

为 <div> 元素移除一个类:

document.getElementById("myDIV").classList.remove("mystyle");

为 <div> 元素移除多个类:

document.getElementById("myDIV").classList.remove("mystyle", "anotherClass", "thirdClass");

检查是否含有某个CSS类

myDiv.classList.contains('myCssClass'); //return true or false