原生JS添加类名 删除类名

为 <div> 元素添加 class:

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

document.getElementById("myDIV").className = "mystyle";

document.getElementById("myDIV").className += "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