原生JS添加类名删除类名

Posted 2022-01-20 mmzuo-798

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了原生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

兼容性：

技术图片

以上是关于原生JS添加类名删除类名的主要内容，如果未能解决你的问题，请参考以下文章

原生JS添加类名 删除类名