qq_34571911
2018-12-20 09:58
采纳率: 92.7%
浏览 352
已采纳

javascript 点击改变div 名

这段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条回答 默认 最新

  • DengDengLei 2018-12-20 02:11
    已采纳

    使用三元表达式控制className,修改函数如下:

    function changeclass(){
        var divEle= document.getElementById('diva');
        divEle.className=(divEle.className=='c1'?'c2':'c1'); 
    }
    
    评论
    解决 无用
    打赏 举报
查看更多回答(3条)

相关推荐 更多相似问题