JavaScript中的style.cssText使用教學_javascript技巧

很多人用過 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。