JavaScript中的style.cssText使用教程，javascriptcsstext

JavaScript中的style.cssText使用教程，javascriptcsstext

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

JavaScript中建立元素並附加style屬性的問題，進來看code

元素的style屬性是個唯讀屬性，不能直接賦值，只能針對子屬性進行設定，如
like.style.width = "100px";

需要同時進行多個屬性的設定還有一種方案：
like.style.cssText = "width:150px;height:150px;"

當然，這樣就會覆蓋like元素上原有的樣式定義，如果需要，安全的做法如下：
like.style.cssText +="width:150px;height:150px;"
 
javascript中className 有作用，而style 怎更改才可以用？

table1.rows(3).style = "background-color:#ccffee;";
修改為：
table1.rows(3).style.cssText = "background-color:#ccffee;";