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