JavaScript_javascript スキルでの style.cssText の使用に関するチュートリアル

多くの人は、style.color、style.display などを使用して要素のスタイル属性を直接設定していますが、style.cssText を使用した人はあまりいません。

cssText の本質とは何ですか?

cssText の本質は、HTML 要素の style 属性値を設定することです。

cssText の使用方法?

コードをコピーします コードは次のとおりです:

document.getElementById("d1").style.cssText = "color:red; font-size:13px;";

この例を読むと、style.cssText が HTML 要素の style 属性を設定することの意味も理解できると思います。

cssTextの戻り値は何ですか?

一部のブラウザ (Chrome など) では、割り当てた値がすべて返されます。 IE では、出力をフォーマットし、属性を大文字にし、属性の順序を変更し、

のような最後のセミコロンを削除します。

コードをコピーします コードは次のとおりです:

document.getElementById("d1").style.cssText = "color:red; font-size:13px;";
alert(document.getElementById("d1").style.cssText);

IE の値は次のとおりです: FONT-SIZE: 13px; COLOR: red。