js中用cssText設置css樣式的簡單方法

如果網頁中一個

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

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)

{

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樣式來說很簡單很方便。

以上就是小編為大家帶來的js中用cssText設置css樣式的簡單方法的全部內容了，希望對大家有所幫助，多多支持腳本之家~

javascript如何添加css類

JavaScript動態建立或增加CSS樣式表，參考如下：

1、簡單的方法：

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

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

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

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

'#ID們{……}'

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

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

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設置樣式

div?id="h5course"HTML5學堂（WX號），技術干貨文章分享/div

script

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

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

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

/script

本文題目：js增加css樣式,用js修改css樣式
文章位置：http://vcdvsql.cn/article4/dsdepie.html

成都網站建設公司_創新互聯，為您提供網站維護、云服務器、建站公司、軟件開發、網站排名、App設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯