Javascript CSS if 语句

标签 javascript css

<分区>

我今天刚开始玩 javascript 和 css。有人介意向我解释一下为什么这个 if 语句永远不会返回 true 吗。

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");
}

演示:http://jsfiddle.net/Guffa/3CcA4/

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

关于Javascript CSS if 语句,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21063670/

相关文章:

javascript - 隐藏 DIV 时 IE9 崩溃

javascript - Jquery mobile Click 事件未触发

jQuery 检查 div 是否有内联样式

JavaScript Object.defineProperty 无法按预期工作

javascript - 删除触摸屏上的自定义光标

javascript - 列出内存中的所有 Blob 以便在 javascript 中进行调试

jquery - 红色警报通知 div 顶部,如 facebook stackexchange

javascript - 如何获取网页中元素中文本的字体大小

css - 固定粘性导航栏

css - 使用CSS居中div的问题