本文目录一览：

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; i < j; 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']) {
  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们{……}';
}