cssText
1795 ワード
cssTextの本質はHTML要素のstyle属性値を設定することです
cssTextの便利さは、一度に多くの属性を書くことができ、CSSスタイルを変更するにはJSコードを変える必要はなく、スタイル文字列を変えるだけです.しかし、前のプロパティを上書きするという欠点があります.
例:
前例のtestの色は赤で、番号は13 pxです.下線がありますが、幅は100 pxではありません.覆われているから
cssTextの使い方
書き換え
コードを節約しました.
しかしIE 6、7、8では問題があります
cssTextの便利さは、一度に多くの属性を書くことができ、CSSスタイルを変更するにはJSコードを変える必要はなく、スタイル文字列を変えるだけです.しかし、前のプロパティを上書きするという欠点があります.
例:
<div id="d1">test</div>
<script type="text/javascript">
document.getElementById("d1").style.width="100px";
document.getElementById("d1").style.cssText = "color:red; font-size:13px;text-decoration:underline;";
alert(document.getElementById("d1").style.cssText);
</script>
前例のtestの色は赤で、番号は13 pxです.下線がありますが、幅は100 pxではありません.覆われているから
cssTextの使い方
<div id="d1">test</div>
<script type="text/javascript">
var od1=document.getElementById('d1');
od1.style.color="#fff";
od1.style.backgroundColor="#c66";
od1.style.width="100px";
od1.style.fontSize="14px";
</script>
書き換え
<div id="d1">test</div>
<script type="text/javascript">
var od1=document.getElementById('d1');
od1.style.cssText="color:#fff;background-color:#c66;width:100px;font-size:14px;";
</script>
コードを節約しました.
しかしIE 6、7、8では問題があります