javascript - 如果背景等于问题

Question

我正在尝试将 if else 语句 应用于一个元素，以确定另一个元素是否具有特定的背景颜色。

我在 CSS 中将元素背景颜色声明为蓝色，但是当我添加 javascript 语句时，元素忽略了 CSS 中声明的背景颜色(蓝色) 并采用 JS IF 语句(红色)中声明的那个。

HTML:

<div id="img"></div>
<div id="color">test</div>

CSS；

#img {
    background:blue;
}

JS

if (document.getElementById('img').style.background = "red")
    {document.getElementById('color').style.background = "green";} 
else {document.getElementById('color').style.background = "red";}

有人知道为什么会这样吗？

JS Fiddle example

Answer 1

这里的问题是:

if (document.getElementById('img').style.background = "red")

您实际上是在重置 CSS - 不是说它是否等于 - 尝试以下操作:

if (document.getElementById('img').style.background == "red")
{document.getElementById('color').style.background = "green";} 
else {document.getElementById('color').style.background = "red";}

运算符 == 是您检查某物是否等于另一物的方式，或者如果您想确定类型，您可以使用 ===也是一样的。可以在此处找到对这两个运算符的很好解释:Which equals operator (== vs ===) should be used in JavaScript comparisons?