cssText設置css樣式

js中用cssText設置css樣式

  (2012-08-21 10:40:22)

轉載▼

標籤：  js

若是網頁中一個 id爲「no」的標籤，暫且當div標籤來tell；
想要在js中設置這個div的css樣式，很通常的作法是：

var obj = document.getElementByIdx_x_x('no');
obj.style.width = '400px';
obj.style.height = '300px';

若是要設置一堆又一堆的css樣式呢，太麻煩了把、
通常狀況下都會結合css來添加className或者改變className達到想要的效果，可是若是你create一個元素，難道還想這樣簡單點？那就要想別的辦法了~
因而你們就寫了一個又一個的函數，經典的兩個是：

var obj = document.getElementByIdx_x_x('no');
function setStyle(obj, css) {
for(var attr in obj){
obj.style[attr] = css[attr];
}
}
setStyle(obj,{width:"400px",height:"300px"});

固然還有更簡單的，cssText：

var obj = document.getElementByIdx_x_x('no'); obj.style.cssText = "width:400px; height:300px;";

固然這種方法對於create的元素初始化css樣式來講很簡單很方便