这段JS 点击改变DIV名，如何实现，点击改变再点击改变，循环，
<!DOCTYPE html>
<html>
<head>
<style>
.c1{background:red;}
.c2{ background:blue;}
</style>
</head>
<body>
<script>
function changeclass(){
var divEle= document.getElementById('diva');
divEle.className='c2';
}
</script>
<div id='diva' class='c1'>111</div>
<input type='button' onclick='changeclass()' value='改变名字'/>
</body>
</html>
4 回答
温温酱
TA贡献1752条经验 获得超4个赞
不是改变名字是改变样式吧？
现在代码的问题是点击触发事件后，函数中始终将className设置为c2，因此不会改变
加上判断，如果当前为c2则改为c1，如果为c1则改为c2
三元表达式不熟悉的话可以写成
<script>
function changeclass(){
var divEle= document.getElementById('diva');
if(divEle.className == 'c2'){
divEle.className = 'c1'
}
else
{
divEle.className = 'c2'
}
}
</script>
慕的地8271018
TA贡献1796条经验 获得超4个赞
$(document).ready(function(){
$("button").click(function(){
$('#diva').toggleClass(function(){
return 'c2'
});
});
});
白板的微信
TA贡献1883条经验 获得超3个赞
修改script标签
<script>
var flag = true;
function changeclass(){
var divEle= document.getElementById('diva');
if(flag){
divEle.className='c2';
flag = false;
}else{
divEle.className='c1';
flag = true;
}
}
</script>添加回答
举报
0/150
提交
取消