JavaScript getComputedStyle を使用して style_javascript スキルを取得および設定する原則

興味のある友人は、「Baidu ポップアップ」を検索するだけで済みます。これは強力です。
最も興味深いのは、JavaScript を使用してスタイルを取得および設定することです。

DOM 標準では、document.getElementById("id").style.backgroundColor を使用してスタイル シートを取得するという概念が導入されています。取得するのは、id の style 属性に設定された背景色だけです。id の style 属性に背景色が設定されていない場合、つまり、id がそのクラスを使用している場合は、空の値が返されます。属性で外部スタイルシートを参照するには、この外部スタイルシートで設定してください。申し訳ありませんが、document.getElementById("id").style.backgroundColor で設定を取得する場合は使いにくいです。外部スタイルシートを使用するには、window オブジェクトの getComputedStyle() メソッドを使用する必要があります。コードは次のように記述されます。 window.getComputedStyle(id,null).backgroundColor
ただし、Firefox では互換性の問題が再び発生します。
互換性のある 2 つの方法は、
window.getComputedStyle ?window.getComputedStyle(id,null).backgroundColor:id.currentStyle["backgroundColor"]; として記述されます。背景色、Firefox と IE のこのメソッドの戻り値は依然として異なります。IE では「#ffff99」のように見えますが、Firefox では「rgb(238, 44, 34)」が返されます。
注意してください。その window.getComputedStyle(id,null) はスタイルを設定できません。スタイルを取得することしかできず、設定する必要があります。このようなものを記述する必要があります。 id.style.background="#EE2C21";