美文网首页
classList用法

classList用法

作者: 关耳木南 | 来源:发表于2019-06-27 00:08 被阅读0次
<body>
    <div class="wrap"></div>
    <script type="text/javascript">
    //classList 方法
        var div = document.getElementsByTagName("div")[0];
        div.classList.add("on");//add()方法添加类名
        div.classList.add("ol","abc","efd");//add()方法添加多个类名
        div.classList.remove("on");//remove()删除类名
        div.classList.toggle("on");//toggle()类名有就删掉,类名没有就添加
        var bool = div.classList.contains("on");//判断对象中有没有某个类名,返回true或false
        console.log(bool);
    </script>
</body>

相关文章

网友评论

      本文标题:classList用法

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