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

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('输出看下')