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');