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

Question

我在这里有一个jsfiddle - http://jsfiddle.net/stevea/R3z2j/2/ - 我在样式表中将红色背景应用到了身体，但当我在DOM中查看body的样式节点时

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

背景颜色没什么。

由于

Answer 1

详细说明我的评论......

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

要获取元素实际使用的样式（包括继承），您可以在oldIE中使用getComputedStyle()中的most browsers（可选地使用getPropertyValue()）或element.currentStyle：< / p>

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

document.body.currentStyle.backgroundColor

或者，既然你正在使用jQuery，你也可以使用.css(propertyName)：

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