查看是否存在某个class类名 原生JS添加类名 删除类名

来源:互联网 发布:降临影评知乎 编辑:程序博客网 时间:2024/06/13 22:34

为 <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 判断class 名是否存在
function hasClass(element, cls) {
return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
}
hasClass(document.querySelector("html"), 'no-js');

原创粉丝点击