更改文本颜色在不同的浏览器中工作

我正在尝试更改<span>标记的文本颜色。更改文本颜色在不同的浏览器中工作

<script type="text/jscript"> 
window.setInterval(function(){ 
    if ($("#sw").css("color") == "red") { 
    $("#sw").css("color","blue"); 
    } 
    else if($("#sw").css("color") == "blue") { 
    $("#sw").css("color","green"); 
    } 
    else if($("#sw").css("color") == "green") { 
    $("#sw").css("color","red"); 
    } 
    }, 1000); 


</script>

上面的示例应该更改<span>标记中的文本颜色。

我已经在Internet Explorer测试，它工作正常，但它不能在谷歌浏览器或Mozilla Firefox浏览器工作。

什么问题？这些浏览器不支持这个吗？有没有解决方法？这个问题的解决方案是什么？

来源

2013-07-16 Mahesh Wagh

这有什么做用C＃或ASP.net。 – crush

浏览器vyawasthit aahe na？ [javascript enabled ???] –

@ M.N.S。，是指？如果你有疑问，那么你可以检查它并找出你的自我，但在我的情况下，这是行不通的。 –

检查此琴Link

setInterval(function(){ 
    if($("#sw").css("color") == "rgb(0, 0, 255)"){ 
    $("#sw").css("color","Red"); 
    } 
    else if($("#sw").css("color") == "rgb(255, 0, 0)") 
    { 
    $("#sw").css("color","green"); 
    } 
    else{ 
    $("#sw").css("color","Blue"); 
    } 
},1000);

来源

2013-07-16 13:18:35 Kathiravan

你得到的RGB值，而不是颜色名称

当我用VAR看看= $（ '＃SW'）。CSS（”颜色'）;在Chrome调试器中结果为“rgb（255，0，0）”

您的代码不起作用，因为返回的字符串是颜色的rgb值，而不是颜色本身，用RGB值替换名称修复了你的代码。

<script type="text/jscript"> 
         window.setInterval(function() { 
        if ($('#sw').css('color') === 'rgb(255, 0, 0)') { 
         $("#sw").css("color", "rgb(0, 0, 255)"); 
         } 
        else if ($("#sw").css("color") === "rgb(0, 0, 255)") { 
         $("#sw").css("color", "rgb(0, 128, 0)"); 
         } 
        else if ($("#sw").css("color") === "rgb(0, 128, 0)") { 
         $("#sw").css("color", "rgb(255, 0, 0)"); 
         } 
        }, 1000); 
</script>

正如在第二个相关问题中指出的那样，这不会在IE上担心。因为IE使用十六进制值。我建议使用另一个陈述来说明这一点。像

else if ($("#sw").css("color") === "#FF0000") { 
         $("#sw").css("color", "#00FF00"); 
         }

要么或使用您的基本报表或条件类似

if ($('#sw').css('color') === 'rgb(255, 0, 0)')||($("#sw").css("color") === "#FF0000") { 
        $("#sw").css("color", "rgb(0, 0, 255)"); 
        }

我想象它在Firefox，因为Firefox将会但是Chrome商店的CSS颜色属性，但是你指定它，将标准化为RGB值，虽然我可能是错误的

此外，您可能可以通过使用straigt JavaScript更高效。是这样的：How to get the background color of an element using javascript?

更改文本颜色在不同的浏览器中工作

回答

相关问题