js中用cssText設(shè)置css樣式的簡單方法

如果網(wǎng)頁中一個

成都創(chuàng)新互聯(lián)成立十多年來，這條路我們正越走越好，積累了技術(shù)與客戶資源，形成了良好的口碑。為客戶提供成都做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)站策劃、網(wǎng)頁設(shè)計、空間域名、網(wǎng)絡(luò)營銷、VI設(shè)計、網(wǎng)站改版、漏洞修補等服務(wù)。網(wǎng)站是否美觀、功能強大、用戶體驗好、性價比高、打開快等等，這些對于網(wǎng)站建設(shè)都非常重要，成都創(chuàng)新互聯(lián)通過對建站技術(shù)性的掌握、對創(chuàng)意設(shè)計的研究為客戶提供一站式互聯(lián)網(wǎng)解決方案，攜手廣大客戶，共同發(fā)展進步。

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)容了，希望對大家有所幫助，多多支持腳本之家~

javascript如何添加css類

JavaScript動態(tài)建立或增加CSS樣式表，參考如下：

1、簡單的方法：

document.createStyleSheet().cssText?=?'標簽{color:red;'?+??

//?這個注釋只在當前JS中幫助理解，并不會寫入CSS中??

'width:300px;height:150px}'?+??

'.類名{……}'?+??

'#ID們{……}'

2、比較完美的方法，防止重復(fù)添加，通過添加樣式表ID并對其判斷來實現(xiàn)：

if?(!document.styleSheets['要建立的樣式表ID如theforever'])?{?//先檢查要建立的樣式表ID是否存在，防止重復(fù)添加??

var?ss?=?document.createStyleSheet();??

ss.owningElement.id?=?'要建立的樣式表ID如theforever';??

ss.cssText?=?'標簽{display:inline-block;overflow:hidden;'?+??

//?這個注釋只在當前JS中幫助理解，并不會寫入CSS中??

'text-align:left;width:300px;height:150px}'?+??

'.類名{……}'?+??

'#ID們{……}'??

;??

}

如何通過js給css添加樣式

選中標簽，然后用style設(shè)置樣式

div?id="h5course"HTML5學(xué)堂（WX號），技術(shù)干貨文章分享/div

script

var?box?=?document.getElementById('h5course');

box.style.color?=?'#39f';

box.style.border?=?'2px?solid?#000';

/script