美文网首页
原生JS如何查询一个元素的class,增加一个class,删除一

原生JS如何查询一个元素的class,增加一个class,删除一

作者: wxyzcctn | 来源:发表于2020-09-09 12:28 被阅读0次
(1)获取一个<div>的class:

document.getElementById("myDIV").className;

(2)查看一个<div>的class里面是否包含一个类名:

document.getElementById("myDIV").className.indexOf('firstClass')
或者
document.getElementById("myDIV").classList.contains('firstClass');

(3)为 <div> 元素添加 class:

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

(4)为 <div> 元素添加多个类:

document.getElementById("myDIV").classList.add("firstClass", "secondClass", "thirdClass");

(5)为 <div> 元素移除一个类:

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

(6)为 <div> 元素移除多个类:

document.getElementById("myDIV").classList.remove("firstClass", "secondClass", "thirdClass");

相关文章

网友评论

      本文标题:原生JS如何查询一个元素的class,增加一个class,删除一

      本文链接:https://www.haomeiwen.com/subject/wfreektx.html