html文件
<html>
<head>
<link href="mycss.css" rel="stylesheet" type="text/css">
<script language="javascript" type="text/javascript">
function test4(event){
//获取第一个样式表,也就是my.css中所有class选择器都获取
var ocssRules=document.styleSheets[0].rules;//获取的是css集合中的第一个
//从ocssRules中取出你希望的class,也就是mycss文件中第一个规则
var style1=ocssRules[0];
if(event.value=="黑色"){
style1.style.backgroundColor="black";
}else if(event.value=="红色"){
style1.style.backgroundColor="red";
}
}
</script>
<head>
<body>
<div id="div1" class="style1">div1</div>
<input type="button" value="黑色" onclick="test4(this)"/>
<input type="button" value="红色" onclick="test4(this)"/>
</body>
</html>
mycss文件
.style1{
width:300px;
height:200px;
background-color:pink;
}