JavaScript中的style.cssText使用教程分解

JavaScript中的style.cssText使用教程分解

　　很多人用過(guò) style.color、style.display 等直接設(shè)置元素的樣式屬性，但是 style.cssText 用過(guò)的人就不多了。

　　cssText 本質(zhì)是什么？

　　cssText 的本質(zhì)就是設(shè)置 HTML 元素的 style 屬性值。

　　cssText 怎么用？

　　復(fù)制代碼 代碼如下:

　　document.getElementById("d1").style.cssText = "color:red; font-size:13px;";

　　看了這個(gè)示例后，相信不說(shuō)，也知道 style.cssText 是什么意思了，它就是設(shè)置 HTML 元素的 style 屬性。

　　cssText 返回值是什么？

　　在某些瀏覽器中（比如 Chrome），你給他賦什么值，它就返回什么值。在 IE 中則比較痛苦，它會(huì)格式化輸出、會(huì)把屬性大寫、會(huì)改變屬性順序、會(huì)去掉最后一個(gè)分號(hào)，比如：

　　復(fù)制代碼 代碼如下:

　　document.getElementById("d1").style.cssText = "color:red; font-size:13px;";

　　alert(document.getElementById("d1").style.cssText);

　　在 IE 中值為：FONT-SIZE: 13px; COLOR: red。

【JavaScript中的style.cssText使用教程分解】相關(guān)文章：

詳解JavaScript中的splice()使用方法08-20

javascript中for/in循環(huán)以及常見(jiàn)的使用技巧06-24

理解JavaScript原型鏈教程09-02

JavaScript與用戶端教程10-25

Javascript中arguments對(duì)象的詳解和使用方法08-20

使用ajax操作JavaScript對(duì)象的方法09-28

爵士舞教程分解動(dòng)作01-11

JavaScript中的with關(guān)鍵字07-24

在Java中執(zhí)行JavaScript代碼07-14

Javascript中typeof 用法歸納09-27