如果網(wǎng)頁(yè)中一個(gè) id為“no”的標(biāo)簽,暫且當(dāng)div標(biāo)簽來(lái)tell;
想要在js中設(shè)置這個(gè)div的css樣式,很一般的做法是:
var obj = document.getElementByIdx_x_x('no');
obj.style.width = '400px';
obj.style.height = '300px';
如果要設(shè)置一堆又一堆的css樣式呢,太麻煩了把、
一般情況下都會(huì)結(jié)合css來(lái)添加className或者改變className達(dá)到想要的效果,但是如果你create一個(gè)元素,難道還想這樣簡(jiǎn)單點(diǎn)?那就要想別的辦法了~
于是大家就寫了一個(gè)又一個(gè)的函數(shù),經(jīng)典的兩個(gè)是:
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"});
當(dāng)然還有更簡(jiǎn)單的,cssText:
var obj = document.getElementByIdx_x_x('no');
obj.style.cssText = "width:400px; height:300px;";
當(dāng)然這種方法對(duì)于create的元素初始化css樣式來(lái)說(shuō)很簡(jiǎn)單很方便。
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)
點(diǎn)擊舉報(bào)。