原生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