V2版本: 改进操作界面,统一表单样式,更多工具支持批量生成,欢迎使用 到达~


文库 阅读
作者: xiaoyu 01/24 19:25:02

JS 控制来回添加删除(切换)类名

HTML


<style>
.active{
	color:green;
}
</style>
<div id="customer-links-content" class="active">来回添加删除类名</div>
<script>
...
</script>

方法一:


var div1 = document.querySelector("#customer-links-content");
div1.addEventListener("click", function () {
    div1.classList.toggle('active');
})

方法二:


var div1 = document.querySelector("#customer-links-content");
div1.addEventListener("click", function () {
    if (div1.classList.contains("active")) {
        div1.classList.remove("active");
    } else {
        div1.classList.add("active");
    }
})

About

纯JS实现用DOM元素类名的添加与删除,达到效果类名存在就删除类名不不存就添加

Resources

发布

未发布任何资源
首页 搜索 喜欢 我的
定制咨询
微信二维码
扫一扫上面的二维码,加我为朋友。
微信扫码周一至周六服务
定制你的工具