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()在大多数浏览器中使用（可以选择使用getPropertyValue()）或element.currentStyleoldIE：

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

document.body.currentStyle.backgroundColor

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

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