javascript - 为什么 DOM 样式节点不显示样式表应用的样式？

Question

我这里有一个 jsfiddle - http://jsfiddle.net/stevea/R3z2j/2/ - 我在样式表中将红色背景应用于主体，但是当我使用

查看 DOM 中主体的样式节点时

style = document.body.style;
bgclr = document.body.style.backgroundColor;

没有任何背景颜色。

谢谢

Answer 1

详细说明我的评论...

element.style “代表元素的样式属性”，或者来自 style 属性或直接操作的元素自己的样式。

要获取元素实际使用的样式(包括继承的样式)，您可以使用 getComputedStyle()在 most browsers (可选 getPropertyValue() )或 element.currentStyle在旧IE中:

window.getComputedStyle(document.body).backgroundColor
window.getComputedStyle(document.body).getPropertyValue('background-color')

document.body.currentStyle.backgroundColor

或者，由于您使用的是 jQuery，您也可以使用 .css(propertyName) :

$(document.body).css('background-color');