DOM:window.getComputedStyle

出典: MDC

« Gecko DOM リファレンス

目次 1 概要 2 構文 3 例 4 詳細 5 仕様

[編集] 概要

要素の算出スタイルを返します。算出スタイルは、要素に対して適用される全ての CSS プロパティにおいて最終的に算出された値です。

[編集] 構文

var style = window.getComputedStyle(element, pseudoElt);

• element は、element オブジェクトです。
• pseudoElt は、マッチさせたい疑似要素を指定する文字列です。通常要素には空文字列を指定してください。
• style は、CSSStyleDeclaration オブジェクトです。

[編集] 例

var element = document.getElementById(“elemId”);
var style = document.defaultView.getComputedStyle(element, pseudoElt);

[編集] 詳細

返るオブジェクトは、要素の style プロパティから返るオブジェクトと同じ型ですが、2 つのオブジェクトの用途は異なります。getComputedStyle から返るオブジェクトは、読み込み専用であり、要素のスタイルを調べるために使われます。elt.style オブジェクトは、指定する要素のスタイルを設定するために使われます。

[編集] 仕様

DOM Level 2 Style: getComputedStyle