js を介して要素に複数のスタイルを追加し、browsers_javascript スキルと完全に互換性があります

js は要素に複数のスタイルを追加し、ブラウザーと完全に互換性のある記述方法の例:

<a href="javascript:;" id="test" style="font-size:25px;background:#080;">测试3</a>
<script>
var obj=document.getElementById("test");
var oldStyle=obj.style.cssText;
alert(oldStyle);
obj.style.cssText="border:2px red solid;color:#f00;"+oldStyle;
</script>

js は要素に複数のスタイルを追加します。最も簡単で便利な方法は cssText 属性を使用することですが、元のスタイル値を保持するために、それは非常に簡単です。上の例のように、変数を使用して元のスタイルの元の値を記録し、文字列連結を行います。

ただし、注意すべき点が 1 つあります。ブラウザ IE8 以下の obj.style.cssText によって返される最後のスタイル値にはセミコロンがなく、font-size:25px;background:#080 のようになります。 ie は相変わらず不愉快だと言いたいだけです（笑）。

つまり、この例では、oldStyle を文字列の結合の後に配置しています。このように、結合されたスタイル文字列の最後のスタイル値にセミコロンがなくても、スタイル適用の表示は問題ありません。これもちょっとしたトリックで、あまり専門的ではありませんが、無視したり忘れたりしやすいので、マークしておきます ^_^