本文目录一览：
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们{……}’
;
}
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/243738.html
微信扫一扫 
支付宝扫一扫 