js 設置多條css樣式

如果在一個網頁中給id="mydiv"的元素添加css樣式，先獲取該節點：
var obj = document.getElementById("mydiv");
給節點添加css：
如果需要添加的css不多的話，可以obj.style.width = "300px";
如果需要添加多條css語句的話，這樣會有多條，如：
obj.style.width="300px";
obj.style.height="300px";
obj.style.border="1px solid #ddd";
……
這樣會不會顯得有些麻煩，且需要重復敲寫類似的語句，那么可以這樣：
（1）通過自己編寫js函數設置css
function setCss(obj,css){
for(var attr in css){
obj.style[attr] = css[attr];
}
}
setCss(obj,{"width":"300px","height":"300px","border":"1px solid #ddd"});
(2)通過cssText方法設置css
obj.style.cssText = "width:300px;height:300px;border:1px solid #ddd;";
這樣會不會顯得簡單，且方便了很多呢，特別是對於新create的元素進行初始化css樣式