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

2020-09-09  本文已影响0人  wxyzcctn
(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");

上一篇 下一篇

猜你喜欢

热点阅读