js 如何获取背景色的值?

发布网友发布时间：2022-04-26 19:11

共4个回答

热心网友时间：2022-04-11 11:14

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

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

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

1、HTML结构

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、效果演示

热心网友时间：2022-04-11 12:32

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

热心网友时间：2022-04-11 14:07

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

热心网友时间：2022-04-11 15:58

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