初学前端

JavaScript动态增删 css类

2019-12-07  本文已影响0人  简约酒馆

js使用setAttribute添加的类会把原来的类覆盖 ,classList则不会但是IE及版本的浏览器有兼容问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .kk{
            color: red;
        }
    </style>
</head>
<body>
<div class="dd">傻猪</div>
<script>
    var oDiv=document.querySelector(".dd")    //获取元素
    console.log(oDiv)
    oDiv.classList.add("kk")            //添加元素
    oDiv.classList.remove("kk")         //删除
</script>
</body>
</html>
上一篇 下一篇

猜你喜欢

热点阅读