classList用法

2019-06-27  本文已影响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>
上一篇下一篇

猜你喜欢

热点阅读