ME!
链滴
outer 了，原来可以直接修改 css 文件内的样式。。。
CSS 代码
.style1{
width: 600px;
height: 400px;
background-color: black;
}
HTML 代码
<html>
<head>
<title>css style</title>
<link rel="stylesheet" type="text/css" href="./test.css">
<script type="text/javascript">
function changeColor(eventObj){
//获得css中的所有选择器
var cssset = document.styleSheets[0].cssRules;
//从css中获取所需要的选择器
var style1=cssset[0];
if(eventObj.value=="黑色"){
style1.style.backgroundColor="black";
}else if(eventObj.value=="红色"){
style1.style.backgroundColor="red";
}
}
</script>
</head>
<body>
<div class="style1"></div>
<input type="button" value="黑色" onclick="changeColor(this);">
<input type="button" value="红色" onclick="changeColor(this);">
</body>
</html>