JS点击添加class,再次点击移除class,并且自身也添加class
发布网友
发布时间：2022-05-02 02:08
共4个回答
热心网友
时间：2022-04-21 19:44
1、首先在html中布局好两个按钮和一个div。
2、接着编写添加class的方法。
3、运行页面以后看到如下图所示的界面。
4、点击添加class按钮就可以看到div中多了样式。
5、接下来在编写移除class样式，如下图所示要的是remove。
6、最后运行界面，点击移除class按钮，class就被移除了。
热心网友
时间：2022-04-21 21:02
<a class="tb_bottom" href="#" onClick="doAct(this);">更多</a>
<script>
function doAct(s){
var t = document.getElementById('t'),
c = s.className;
//有more属性
if(c != null && c.indexOf('more') > -1){
s.className = c.replace('more', '');
t.className = t.className.replace('Large', '');
}else{
s.className = c + ' more';
t.className = t.className + ' Large';
}
}
</script>
热心网友
时间：2022-04-21 22:37
<script>
$(".tb_bottom").click(function(){
if($(".tb_bottom").attr("id")!=1){
$(".cont3").attr("class","cont3 Large");
$(".tb_bottom").attr("class","tb_bottom more");
$(".tb_bottom").attr("id",1);
alert("attr");
}
else{
$(".cont3").removeClass("Large");
$(".tb_bottom").removeClass("more");
$(".tb_bottom").attr("id",0);
alert("css");
}
});
</script>
希望能帮到你！
热心网友
时间：2022-04-22 00:28
