qq_34571911 2018-12-20 09:58 采纳率: 80%
浏览 355
已采纳

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条)

报告相同问题？

悬赏问题

  • ¥15 请问这个是什么意思？
  • ¥15 STM32驱动继电器
  • ¥15 Windows server update services
  • ¥15 关于#c语言#的问题：我现在在做一个墨水屏设计，2.9英寸的小屏怎么换4.2英寸大屏
  • ¥15 模糊pid与pid仿真结果几乎一样
  • ¥15 java的GUI的运用
  • ¥15 我想付费需要AKM公司DSP开发资料及相关开发。
  • ¥15 怎么配置广告联盟瀑布流
  • ¥15 Rstudio 保存代码闪退
  • ¥20 win系统的PYQT程序生成的数据如何放入云服务器阿里云window版？