Question

这段代码如何修改？js点击变换背景色问题

function test(){
var x=document.getElementById("box");
if(x.style.backgroundColor=="#eee"){
x.style.backgroundColor="red";}
else{
x.style.backgroundColor="#eee";}
}
<div id="box" style="width:200px; height:200px; background-color:#eee;" onClick="test()"></div>

我知道问题出现在这里——如果把所有#eee改为blue这样的单词，就可以运行。
请问像#eee这种颜色码该怎么写在上段js中？

Answer 1

function test(){
var x=document.getElementById("box");
var color = x.style.backgroundColor;
alert(color)
if(color=="rgb(238, 238, 238)"){//这里第二个238和第三个238开始前面有空格
x.style.background="red";
}
else{
x.style.background="#eee";
}
}

Answer 2

这里你如果使用十六进制色来设置背景色，会自动转换RGB值。你可以通过判断是否等于这个RGB值，或者直接使用颜色拼音