js內建css,js內建對象

本文目錄一覽：

• 1、JS設置css方法
• 2、js 設置css
• 3、如何在JS中定義CSS
• 4、javascript如何添加css類

JS設置css方法

如果你用了jQuery庫，參考樓上的，否則用下面的代碼：

function bj(){

var divNodes = document.getElementsByTagName(“div”);

for(var i=0,j=divNodes.length;ij;i++){

var divObj = divNodes[i];

if(divObj.className == “caa” || divObj.className == “cab”) {

divObj.style.background = “url(xx.jpg) no-repeat fixed left top”;

}

}

}

js 設置css

css中帶中橫線的樣式屬性對應到js裡面的命名規則為：

去掉中橫線，中橫線後的首字母大寫，如你上面的例子即為：style.textDecoration

另外，你要把這個層里所有a都要改變這樣的樣式：

document.getElementById(“yourDivId”).getElementsByTagName(“a”).style.textDecoration = “none”;

如何在JS中定義CSS

var domObj = document.getElementById(“tagId”);

//使用domObj.style來設置css：

domObj.style.backgroundColor=”#000″;//對應style里 background-color

domObj.style.fontSize=”#000″;//對應style里 font-size

//如果對這個表不太清楚可以在w3c上查一下

//但是一般有個規律就是，首單詞小寫 「-」後面的第一個字母大寫，如：font-size 就是fontSize

如果是想更換標籤的class的話，可以使用

domObj.className = “other_class”;

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們{……}’  

 ;  

}