cssText設定css樣式

2022-04-22 08:23:30 字數 683 閱讀 7311

(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.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 如果要設...

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 如果要設...

CSS text常見樣式

text overflow ellipsis 第一種 只對display inline 起作用 第二種 display block inline block width 100px 1.單行文字溢位 white space nowrap 文字不換行 overflow hidden 超出後文字隱藏 t...