本文目录一览:
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们{……}'
;
}