在js中添加css（給網頁添加js的方式）

本文目錄一覽：

• 1、救命，如何用js給div標籤添加css屬性，當滑鼠事件發生的時候，譬如點擊某個元素
• 2、怎麼在js中給文本框添加CSS樣式
• 3、javascript如何添加css類
• 4、如何使用JS來增加CSS樣式的CLASS內容？
• 5、怎樣用JS來添加CSS樣式

救命，如何用js給div標籤添加css屬性，當滑鼠事件發生的時候，譬如點擊某個元素

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

1、首先，打開html編輯器，新建html文件，例如：index.html，編寫問題基礎代碼。

2、在index.html中的script標籤，輸入js代碼：$(‘div’).click(function () {$(this).css(‘color’, ‘blue’);});。

3、瀏覽器運行index.html頁面，此時點擊123所在的div，div會變為藍色文本。

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

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

一、局部改變樣式

調用方法：

改變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的值實現網頁樣式的實時切換

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

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

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樣式的CLASS內容？

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

一、局部改變樣式

調用方法：

改變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的值實現網頁樣式的實時切換

link

rel

=

“stylesheet”

type=”text/css”

id=”css”

href=”firefox.css”

/

span

on

click=”javascript:document.getElementById(‘css’).href

=

‘ie.css'”點我改變樣式/span

怎樣用JS來添加CSS樣式

例如改變背景色：

1234567div id=”changeColor”使用JS改變背景色/divscriptvar cc = document.getElementById(“changeColor”);cc.style.backgoundColor=”#000″; //將背景色改為黑色cc.style.fontSize=”20px”; // 將文字大小改為20px，等號右邊也可以寫為20+”px”cc.style.color=”#fff”; //將文字顏色改為白色/script