原生js操作類名

為 <div> 元素添加 class:

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