Question

js 如何获取背景色的值？

document.getElementById("strength_M").style.background = "#ff9900"
可以改变背景色，
alert(document.getElementById("strength_M").style.background);
却不能得到“#ff9900",得到了none repeat scroll 0% 0% rgb(255, 153, 0)
那要怎样才能获取背景色的值呢？

Answer 1

javascript的style属性只能获取内联样式，对于外部样式和嵌入式样式需要用currentStyle属性。但是，currentStyle在FIrefox和Chrome下不支持，需要使用如下兼容性代码

HTMLElement.prototype.__defineGetter__("currentStyle", function () { 
    return this.ownerDocument.defaultView.getComputedStyle(this, null); 
});

接下来就可以直接使用currentStyle属性来获取元素的样式了，下面实例演示获取页面body的背景色：

1、HTML结构

<input type='button' value='点击按钮获取页面背景色' onclick="fun()"/>

2、CSS样式

body{background: RGB(222,222,2);}

3、javascript代码

HTMLElement.prototype.__defineGetter__("currentStyle", function () { 
return this.ownerDocument.defaultView.getComputedStyle(this, null); 
});

function fun(){
	var color = document.body.currentStyle.backgroundColor;
	alert(color);
}

4、效果演示

Answer 2

rgb（255，153，0）就是背景颜色 只不过是RGB格式的而已

Answer 3

rgb(255, 153, 0)这个就是背景色啊

Answer 4

......style.bakcgroundColor;应该可以了！