getComputedStyle は、現在の要素の最終的に使用された CSS 属性値をすべて取得できるメソッドです。返されるのは、読み取り専用の CSS スタイル宣言オブジェクト ([object CSSStyleDeclaration]) です。 getComputedStyle（）は、要素のすべてのCSSプロパティの最終的な使用値を示しています。中国人、言うのは簡単なことではありません。追加のリマインダー: Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) より前では、2 番目のパラメーター「擬似クラス」が必須でした (擬似クラスでない場合は、null に設定します)。しかし、現在は必須です。必須パラメータではありません。
3. getComputedStyle と style の違い
element.style を使用して要素の CSS スタイル宣言オブジェクトを取得することもできますが、getComputedStyle メソッドとはいくつかの違いがあります。
読み取り専用および書き込み可能
前述したように、getComputedStyle メソッドは読み取り専用で、スタイルを取得することのみができますが、設定することはできません。
取得されるオブジェクトのスコープ getComputedStyle メソッドは、要素に最終的に適用されるすべての CSS 属性オブジェクトを取得します (CSS コードがない場合でも、デフォルトの祖先の 8 世代が表示されます)。 style 属性で要素 CSS スタイルを取得します。したがって、ベア要素
の場合、オブジェクトの getComputedStyle メソッドによって返される長さ属性値 (存在する場合) は 190 以上です (私のテストによると、FF: 192、IE9: 195、Chrome: 253、結果は環境によっては異なる場合があります)、element.style は 0 です。
4. getComputedStyle とdefaultView
Chrome
Firefox (Gecko)
Internet Explorer
Safari
| 基本サポート | 9 | ||||
|---|---|---|---|---|---|
| Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile |
| WP7 Mango | |||||
|---|---|---|---|---|---|
| ? | ? |
