为什么再点击就不会再切换

Question

js为什么这样写点击一次会变，再点击就不会变换了呢，<input type="button" value="切换" onClick="showHideo()" class="touch_sr_only"/> <div id="div1"></div> <script> function showHideo() {     var eDiv=document.getElementById('div1');     if(eDiv.style.cssText=='top:100px;background:#f60')     {         eDiv.style.cssText='top:0px;background:#f90';     }     else     {         eDiv.style.cssText='top:100px;background:#f60';     } } </script> <style> #div1 { position:relative;  width:100px; height:100px; background:#CCC; top:0;} </style>

Answer 1

因为颜色的代码转成了background: rgb(255, 102, 0);而不是background:#f60
如果你想点击切换颜色，我建议你在style中定义好两个背景色,然后通过切换class来变色

Answer 2

你在第一行console控制台输出一下，你这样判断写法不合理，你可以用class属性替换，也能实现这样的功能。

Answer 3

条件判断问题，一直是false。颜色值是rgb表示，判断肯定一直是false

Answer 4

改为onchenge

Answer 5

目测条件判断有问题，估计一直是false。console.log('输出看下')