js中用cssText設(shè)置css樣式的簡單方法
如果網(wǎng)頁中一個 id為“no”的標簽,暫且當div標簽來tell;
想要在js中設(shè)置這個div的css樣式,很一般的做法是:
var obj = document.getElementByIdx_x_x('no'); obj.style.width = '400px'; obj.style.height = '300px';
如果要設(shè)置一堆又一堆的css樣式呢,太麻煩了把、
一般情況下都會結(jié)合css來添加className或者改變className達到想要的效果,但是如果你create一個元素,難道還想這樣簡單點?那就要想別的辦法了~
于是大家就寫了一個又一個的函數(shù),經(jīng)典的兩個是:
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樣式來說很簡單很方便。
以上就是小編為大家?guī)淼膉s中用cssText設(shè)置css樣式的簡單方法的全部內(nèi)容了,希望對大家有所幫助,多多支持腳本之家~
相關(guān)文章
實例詳解display:none與visible:hidden的區(qū)別
這篇文章主要介紹了實例詳解display:none與visible:hidden的區(qū)別的相關(guān)資料,需要的朋友可以參考下2017-03-03JavaScript設(shè)計模式之工廠模式和抽象工廠模式定義與用法分析
這篇文章主要介紹了JavaScript設(shè)計模式之工廠模式和抽象工廠模式,結(jié)合實例形式分析了工廠模式的功能、定義、相關(guān)問題解決方法,并分析抽象工廠模式與工廠模式的不同之處,需要的朋友可以參考下2018-07-07