style對象的cssText方法有哪些使用方法

1、style對象的csstext方法有哪些使用方法csstext本質(zhì)是什么？csstext的本質(zhì)就是設(shè)置html元素的style屬性值。csstext怎么用？domelement.style.csstext="color:red;font-size:13px;"csstext返回值是什么？在某些掃瞄器中（比如chrome），你給他賦什么值，它就返回什么值。在ie中則比較疼痛，它會格式化輸出、會把屬性大寫、會轉(zhuǎn)變屬性挨次、會去掉最后一個分號，比如：document.getelementbyid("d1").style.csst

2、ext="color:red;font-size:13px;"2alert(document.getelementbyid("d1").style.csstext);在ie中值為：font-size:13px;color:redcsstext的用法優(yōu)勢普通狀況下我們用js設(shè)置元素對象的樣式會用法這樣的形式：varelement=document.getelementbyid(id);element.style.width=20px;element.style.height=20px;element.style.border

3、=solid1pxred;樣式一多，代碼就無數(shù)；而且通過js來覆寫對象的樣式是比較典型的一種銷毀原樣式并重建的過程，這種銷毀和重建，都會增強掃瞄器的開銷。js中有一個csstext的辦法：domelement.style.csstext=樣式;domelement.style.csstext=width:20px;height:20px;border:solid1pxred;這樣就可以盡量避開頁面reflow，提高頁面性能。但是，這樣會有一個問題，會把原有的csstext清掉，比如本來的style中有’display:none;’，那么執(zhí)行完上面的js后

4、，display就被刪掉了。為了解決這個問題，可以采納csstext累加的辦法：domelement.style.csstext+=‘width:100px;height:100px;top:100px;left:100px;’再進一步，假如前面有樣式表文件寫著divtext-decoration:underline;，這個會被籠罩嗎？不會！由于它不是挺直作用于html元素的style屬性。詳細案例分析:控制div屬性outerwidth:500px;margin:0auto;padding:0;text-align:center;div1width:1

5、00px;height:100px;background:black;margin:10pxauto;display:block;varchangestyle=function(elem,attr,value)elem.styleattr=value;window.onload=function()varobtn=document.getelementsbytagname("input");varodiv=document.getelementbyid("div1");varoatt="width","height","background","display","display"varoval="200px","200px","red&