欲修改外部css样式,可以通过一下模式。
注意:这里是IE浏览器的样式,若是火狐浏览器则应该
var ocssRules = document.styleSheets[0].cssRules;
html文件
<html>
<link href="mycss.css" rel="stylesheet" type="text/css"/>
<script language="javascript" type="text/javascript">
function text4(eventObj)
{
//获取mycss.css中所有class选择器,下标0表示第一个文件
var ocssRules = document.styleSheets[0].rules;
//从ocssRules中去除你希望的class
var style1 = ocssRules[0];
alert(style1.style.width);
if(eventObj.value=="black")
{
style1.style.backgroundColor="black";
}
else
{
style1.style.backgroundColor="red";
}
}
</script>
<body>
<div id="div1" class="style1">div</div>
<input type="button" value="black" οnclick="text4(this)"/>
<input type="button" value="red" οnclick="text4(this)"/>
</body>
</html>
mycss.css文件中
.style1{
width:80px;
height:400px;
background-color:black;
}