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