為 <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

註意：類名直接寫，不可面“.”;

　　　如若同時添加多個類名，並列寫，用逗號分隔。

原生JS添加類名 刪除類名