一、cssText之起步
那些年，我們是這樣設置樣式的：
xxx.style.width = "233px";
xxx.style.position = "fixed";
xxx.style.left = "233px";
現如今，我們可以這樣搞：
xxx.style.cssText="width:233px;height:233px;position:fixed";
W3C是這樣描述cssText：
cssText，DOMString類型
cssText特性必須返回序列化的CSS規則。
當設置cssText特性時運行這些步驟：
1. 解析其值。
2. 如果解析失敗則終止運行。
3. 如果新對象的type并不匹配當前對象的type則拋出"InvalidModificationError"異常。
4. 替換當前對象為新對象。
我以為關鍵在于第四條：
替換當前對象為新對象。
是替換，也就是說會覆蓋到目標元素之前本身所具有的全部樣式（繼承的不算）。
舉個栗子：
這里有一個<div>，長下面這個模樣：
.xxx {height:233px;width:233px;background:#F60;}
然后我要改變它的高度，我可以這么寫：
xxx.style.height= "466px";
但是客官你不可以這么寫：
xxx.style.cssText="height:466px;";
二、cssText之提速
基于上面的原因，我們在使用cssText修改某個元素樣式的時候，需要首先得到它當前的樣式：
var xxx = document.getElementById("warp");
var xxx_style = xxx.style.cssText;
然后在加上現在的樣式：
xxx_style += "position:fixed;"
xxx.style.cssText = xxx_style;
但是，客官如果貴司有下面這種情況，還請留步。
面對這種喪心病狂、男默女淚的情況，我們需要額外注意一點：
當我們使用var xxx_style = xxx.style.cssText;得到樣式的時候，最后是沒有分號的。
也就是說，如果某個元素的樣式是：height: 100px; width: 100px;overflow: hidden;
在IE6/7/8下我們會得到：HEIGHT: 100PX; WIDTH: 100PX; OVERFLOW: HIDDEN
最后的分號被丟掉了。
結果就是當我們再使用
xxx_style += "background:#F60;"
xxx.style.cssText = xxx_style;
來處理樣式時，會出現：height: 100px; width: 100px; overflow: hiddenbackground:#F60;
當然你可以選擇使用：xxx_style = "background:#F60;" + xxx_style的方式，最后沒有分號也不會影響，但是世事難料，安全起見，還是額外判斷一下，補上這個分號比較可靠。
除此以外，IE6/7/8下返回的屬性和值全是大寫，為了避免日后出現意外，還是.toLowerCase( )比較好。
三、cssText之靠邊停車
大家一路上在前端的道路上馳騁下去吧，就不用靠邊停車了！
馬上就要回家給偉大的祖國母親慶祝生日了，微博上出現了2種不同的聲音：
作業本同學說：
某注明作家（反正我是不認識）說：
作為還在上班（班，小名SegmentFault）的人，我就不說什么了...
大家國慶節快樂！
