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

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

十年的金秀網(wǎng)站建設經(jīng)驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。成都全網(wǎng)營銷的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同，自動調(diào)整金秀建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)公司從事“金秀網(wǎng)站設計”,“金秀網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

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一個元素，難道還想這樣簡單點？那就要想別的辦法了~

于是大家就寫了一個又一個的函數(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設置css樣式的簡單方法的全部內(nèi)容了，希望對大家有所幫助，多多支持腳本之家~

怎么在js中給文本框添加CSS樣式

在頁面內(nèi)用JS操作CSS除非用AJAX，但操作頁面內(nèi)的樣式的話，是可以的。操作樣式分為改變直接樣式，改變className和改變cssText三種

一、局部改變樣式

調(diào)用方法：

改變className

div id="demo"測試/div

script

document.getElementById('demo').className="test";

/script

改變直接樣式

div id="demo"測試/div

script

document.getElementById('obj').style.backgroundColor="#003366";

/script

二、全局改變樣式

可以通過改變外鏈樣式的的href的值實現(xiàn)網(wǎng)頁樣式的實時切換

link rel = "stylesheet" type="text/css" id="css" href="firefox.css" /

span on click="javascript:document.getElementById('css').href = 'ie.css'"點我改變樣式/span

js 寫CSs樣式

JavaScript訪問修改樣式表,可以方便的動態(tài)修改頁面:

一、訪問元素中style屬性的CSS樣式

這個可以直接使用style對象方便的訪問，例如：

div id = "mdiv" style="background-color:blue;"..../div

訪問CSS的方法是:

script type="text/javascript"

//獲得元素

var oDiv = document.getElementyId("mdiv");

//訪問元素的style對象,再訪問對象中的屬性,也可以修改屬性的值,直接為他賦值

alert(oDiv.style.backgroundColor);

/script

二、訪問外部定義的CSS樣式（類定義的CSS樣式）

這個沒法使用上面的方法去訪問，因為CSS數(shù)據(jù)不是存儲在style屬性中，它是存儲在類中的。

訪問方法：先取得定義類的樣式表的引用，用document.styleSheets集合實現(xiàn)這個目的，這個集合包含HTML頁面中所有的樣式表，DOM為每個樣式表定義一個cssRules的集合，這個集合中包含定義在樣式表中的所用CSS規(guī)則（注意：Mozilla和Safasi中是 cssRules，而IE中式rules）。

例如：

style

/*第一條規(guī)則*/

div.ss{

background-color:red;

width:101px;

}

/*第二條規(guī)則*/

a.btn2{

background:url(imag/2-AccessCtl.jpg);

}

/style

訪問CSS:

var ocssRules = document.styleSheets[0].cssRules||document.styleSheets[0].rules;

//訪問第一條規(guī)則

alert(ocssRules[0].style.backgroundColor);

//設置值

ocssRules[0].style.width = "992px";

//訪問第二條規(guī)則

alert(ocssRules[1].style.background);

//設置值

ocssRules[0].style.background = "url(imag/3-back.jpg);";

以上內(nèi)容是百度出來的

js 如何在head標簽里寫css代碼，js如何在style標簽里寫入css代碼？

需要準備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的script標簽，輸入js代碼：$('head').append('stylediv{font-size: 32px;}/style');。

3、瀏覽器運行index.html頁面，此時發(fā)現(xiàn)js成功將css代碼添加到head標簽的style標簽中。

如何通過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