美文网首页
原生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