DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js中用cssText設置css樣式的簡單方法
js中用cssText設置css樣式的簡單方法
編輯:關於JavaScript     

如果網頁中一個 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樣式來說很簡單很方便。

以上就是小編為大家帶來的js中用cssText設置css樣式的簡單方法的全部內容了,希望對大家有所幫助,多多支持~

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved