如何在JS中定义CSS

html-css023

如何在JS中定义CSS,第1张

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"

css中带中横线的样式属性对应到js里面的命名规则为：

去掉中横线，中横线后的首字母大写，如你上面的例子即为：style.textDecoration

另外，你要把这个层里所有a都要改变这样的样式：

document.getElementById("yourDivId").getElementsByTagName("a").style.textDecoration = "none"

如果你用了jQuery库，参考楼上的，否则用下面的代码：

function bj(){

var divNodes = document.getElementsByTagName("div")

for(var i=0,j=divNodes.lengthi<ji++){

var divObj = divNodes[i]

if(divObj.className == "caa" || divObj.className == "cab") {

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

}

}

}