原生JS添加類名 刪除類名
阿新 • • 發佈:2018-09-25
註意 多個 刪除 mov return The false ins post
為 <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添加類名 刪除類名