cssText 的本質就是設置 HTML 元素的 style 屬性值

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的顏色為紅色,字號13px；有下劃線，但是寬度不是100px；因為被覆蓋掉了

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>

節省了代碼。

但是在IE6、7、8下會有問題

轉載于:https://www.cnblogs.com/MissBean/p/4218661.html

總結

以上是生活随笔為你收集整理的cssText的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。