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>

兄弟，你这个changeclass函数只会将div的class名变为c2，所以不管你点击多少次，div的名称都不会改变。所以那个函数应该改变一下>>>

function changeclass(){
  var divEle= document.getElementById('diva');
  divEle.className=divEle.className == 'c1' ? 'c2' : 'c1';
}

https://blog.csdn.net/cyanciel/article/details/53896492

不是没有改变把，是你第二次交 c2 第三次还是这个 c2 你怎么看出来变化那？

  divEle.className = divEle.className=='c1'?'c2':'c1';

实现方法:
原生js

divEle.className=divEle.className=='c1'?'c2':'c1';

jquery （需要引入jquery.js）

$('#diva').toggleClass('c2');