Javascript-CSS-if语句

Javascript-CSS-if语句,javascript,css,Javascript,Css,我今天刚开始玩javascript和css。有谁能给我解释一下为什么这个if语句永远不会变成真的 if (document.getElementById('girl1').style.backgroundColor == '#65bd77') { alert("true"); } 即使它的硬编码是目前的背景色 我想出来了。其 if (document.getElementById('girl1').style.backgroundColor == 'rgb(101, 189, 119)

我今天刚开始玩javascript和css。有谁能给我解释一下为什么这个if语句永远不会变成真的

if (document.getElementById('girl1').style.backgroundColor == '#65bd77') {  
  alert("true");
}
即使它的硬编码是目前的背景色

我想出来了。其

if (document.getElementById('girl1').style.backgroundColor == 'rgb(101, 189, 119)'){
 //    
}

这是因为颜色没有以特定的格式返回

我在Firefox、IE和Chome中尝试了这一点,它在那里很有效:

if (document.getElementById('girl1').style.backgroundColor == 'rgb(101, 189, 119)'){
  alert("true");
}
演示:


但是,您应该尝试找到一种不同的方法来检查您正在查找的内容,因为返回的CSS格式可能在当前和将来的每个浏览器中都不相同。例如,您可以使用类,而不是直接在元素上设置样式,这样更容易可靠地检查样式。

您的ID搞错了吗?你忘记等DOM加载了吗?我们只能猜测,看不到更多。如果您只做alert(document.getElementById('girl1').style.backgroundColor),输出是什么?我想知道另一个downvoter删除其投票的原因。您是否检查了错误日志?如果找不到元素,您应该在那里看到一条错误消息。(另外,您应该使用
控制台。log
而不是
alert
警报只限于字符串,而控制台可以显示更多。此外,如果您忘记了生产代码中的一个,则关系不大)慢慢学习,谢谢你tips@user2647561如果这有帮助,请单击答案旁边的勾号接受答案