DOM

：

：

Window.getDefaultComputedStyle() メソッド

　編集：2022.09.15 by T.A.

[Edge]⛌。非標準。→、

非標準： この機能は標準以外であり、標準トラックにはありません。Webに面した生産サイトで使用しないでください。すべてのユーザーでは機能しません。また、実装の間には大きな非互換性があり、将来の動作が変化する可能性があります。

要素のすべてのCSSプロパティのデフォルトの計算値を提供します。著者のスタイリングを無視します。つまり、ユーザー エージェントとユーザー スタイルのみが考慮されます。

構文
Window.getDefaultComputedStyle(element[, pseudoElt])
Window Window。
element 計算されたスタイルを取得する要素。
pseudoElt 一致する擬似要素を指定する文字列。通常の要素に対してヌル（または指定されていない）でなければなりません。
戻り値

返されるスタイルは、CSSStyleDeclaration オブジェクトです。そのオブジェクトは、window.getComputedStyle() で返されるオブジェクトと同じタイプです。ただし、ユーザー エージェントおよびユーザー ルールのみを考慮しています。

例

CSS： 

#elem-container {
  position: absolute;
  left:     100px;
  top:      200px;
  height:   100px;
}

HTML： 

<div id="elem-container">dummy</div>
<div id="output"></div>

JavaScript： 

const elem = document.getElementById("elem-container");
const theCSSprop = window.getDefaultComputedStyle(elem).position;
document.getElementById("output").innerHTML = theCSSprop; // Will output "static"

¶省く

以下のCSSが組み込んであります： 


 
HTML：
 
<SPAN id=IdSpan class=Test style="font-size:30px">SPAN要素</SPAN>


 
JavaScript：
 
Sty=window.getDefaultComputedStyle(IdSpan);
D=Sty.color;
D=Sty.fontSize;
D=Sty.lineHeight;











テスト