原生JS操作class

为元素添加 class:

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

为元素添加多个类:

document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass");

为元素移除一个类:

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

为元素移除多个类:

document.getElementById("myDIV").classList.remove("mystyle", "anotherClass", "thirdClass");

检查是否含有某个CSS类

myDiv.classList.contains('myCssClass'); //return true or false

//js 判断class 名是否存在

function hasClass(element, cls) {

return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;

} 

hasClass(document.querySelector("html"), 'no-js');