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>