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