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>