js中用cssText設定css樣式

2021-06-17 16:50:33 字數 712 閱讀 4858

如果網頁中乙個 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)

}setstyle(obj,);

當然還有更簡單的,csstext:

var obj = document.getelementbyidx_x_x('no');

obj.style.csstext = "width:400px; height:300px;";

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

js中用cssText設定css樣式

如果網頁中乙個 id為 no 的標籤,暫且當div標籤來tell 想要在js中設定這個div的css樣式,很一般的做法是 var obj document.getelementbyidx x x no obj.style.width 400px obj.style.height 300px 如果要設...

Javascript 用cssText設定樣式

一般情況下我們用js設定元素物件的樣式會使用這樣的形式 var element document.getelementbyid id element.style.width 20px element.style.height 20px element.style.border solid 1px r...

cssText設定css樣式

2012 08 21 10 40 22 標籤 如果網頁中乙個 id為 no 的標籤,暫且當div標籤來tell 想要在js中設定這個div的css樣式,很一般的做法是 var obj document.getelementbyidx x x no obj.style.width 400px obj....