cssTextを使用してstyles_javascriptスキルをバッチ変更する

コードをコピー コードは次のとおりです。

var element= document.getElementById("id");
element.style.width="20px";
element.style.height="20px";
element.style.border="solid 1px red"; Style Yiduo には多くのコードがあり、JS を介してオブジェクトのスタイルを上書きすることは、元のスタイルを破壊して再構築する典型的なプロセスであり、ブラウザのオーバーヘッドが増加します。
js には cssText メソッドがあります:

構文は次のとおりです: obj.style.cssText="style";
上記のコードを次のように変更できます: メッセージの修正をしてくれた sliuqin に感謝します
element .style.cssText("width:20px;height:20px;border:solid 1px red;")
以下は正しいです

コードをコピー コードは次のとおりです: element.style.cssText="width:20px;height:20px;border:solid 1px red;"; >

このようにして、ページのリフローを可能な限り回避し、ページのパフォーマンスを向上させることができます。