原生JS添加类名 删除类名

为 <div> 元素添加 class:

document.getElementById("myDIV").classList.add("mystyle");

document.getElementById("myDIV").className = "mystyle";

document.getElementById("myDIV").className += "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

标签：原生,classList,myDIV,元素,getElementById,JS,mystyle,document,类名
来源： https://www.cnblogs.com/showcase/p/10524054.html