11

我在下面有以下代码，我正在尝试设置背景颜色。但是，背景颜色作为空字符串返回。我不知道为什么......它与javascript类型有关吗？

function function1(){
var color = document.getElementById('rg_vw.national_avg').style.backgroundColor;
//this below appears as an empty alert at runtime. it's an empty string. 
alert(color)
}

就像进行完整性检查一样，如果我使用“值”属性，它会为该特定字段打印出正确的值……所以我对为什么 backgroundColor 是一个空字符串感到有点沮丧。

//this works just fine
var value = document.getElementById('rg_vw.national_avg').value
alert(value)
4

1 回答 1

21

除非您在元素本身上直接定义了 backgroundColor，否则您必须使用getComputedStyle()或currentStyle获取样式属性的值。

与多个浏览器兼容的方法如下所示：

function getStyle(el,styleProp)
{
    if (el.currentStyle)
        return el.currentStyle[styleProp];

    return document.defaultView.getComputedStyle(el,null)[styleProp];
}

您可以在jsFiddle上看到一个工作示例。

更多信息：

  • 有关更多信息，请参阅此页面getComputedStyle()。
  • 有关(IE)的更多信息，请参阅此页面。currentStyle
  • 有关浏览器兼容性问题的更多信息，请参阅此页面。
于 2012-05-11T17:50:54.707 回答