Question

我尝试根据第一次点击时的初始颜色更改div的颜色，然后在第二次点击时将其更改回来。它在第一次点击时工作，但在第二次点击它仍然看到div具有初始颜色...就像属性没有更新。谢谢！

<script>

function change(div){ 
  if (div.style.backgroundColor = "rgb(252,198,162)")    
{
  div.style.background="rgb(220,20,60)";
}
else
{
  div.style.background="rgb(252,198,162)";
}
}
</script>

<div class="cell_l" id="mydiv" style= "background-color: rgb(252,198,162);" onclick="change(this);"></div>

Answer 1

您在=声明中使用了分配运算符==而不是if。

进行更改：

if (div.style.backgroundColor == "rgb(252, 198, 162)")

此外，div.style.backgroundColor将逗号后面的空格返回rgb颜色：

rgb(252, 198, 162)

我在上面做了改变。

更新了小提琴：https://jsfiddle.net/11r7L39y/

正如@nicael所提到的，学习使用控制台。右键单击 - ＆gt;检查 - ＆gt;控制台。在这种情况下，没有控制台错误，但为了您将来的参考，请记住这一点。

Javascript在点击时更改div颜色，在第二次单击时返回

1 个答案: