<style type="text/css">
body{background-color:#ffffff;}
.logo{background-color:#ffffff;}
#main{ background-image:url('sport-images/main.jpg');}
</style>js怎样修改css里的节点详细写出方法
body{background-color:#ffffff;}
.logo{background-color:#ffffff;}
#main{ background-image:url('sport-images/main.jpg');}
</style>js怎样修改css里的节点详细写出方法
得
<a style="color:red;" onclick="alert(this.style.color)">text</a>
document.body.style.backgroundColor = "#ffffff";
document.getElementById("main").style.backgroundImage = "url('sport-images/main.jpg')"; 那个class没有办法弄,设置id或者name,或者用jquery$(".logo").attr("background-color","#ffffff");
Part II, Section 16.6
var rules = $.browser.ie ? document.styleSheets[index].rules : document.styleSheets[index].cssRules;
//if (sname.indexOf("H") > -1 && !isIE) sname = sname.toLowerCase();
for (var i = 0; i < rules.length; i++) {
var r = rules[i];
var cssText = (r.selectorText || r.cssText).toLowerCase();
if (cssText == sname) { return r.style; }
}; return null;
}
function setstyle(sname) {
var obj;
if (document.styleSheets.length > 0) obj = styleObj(sname, 0);
if (obj == null) obj = styleObj(sname, 0);
return obj;
}调用
setstyle(样式名称).color= 要付的值;
例:
setstyle(".logo").background="#ffffff"; main
setstyle("#main").background="url('sport-images/main.jpg')";
body{background-color:#ffffff;}
.logo{width:500px;height:500px;background-color:red;}
#main{ background-image:url('sport-images/main.jpg');}
</style>
<script>
function changecss(){
var css=document.styleSheets[0].cssRules||document.styleSheets[0].rules;
css[1].style.backgroundColor='blue';
}
</script>
<body>
<div class="logo"></div>
<input type="button" value="改变CSS节点属性" onclick="changecss()">
</body>
cssRules是DOM标准的,rules是IE的!
这种方法好象不常用!