download: 贪婪学院 - 举荐零碎算法工程师造就打算
<html>
<head>
<meta charset="utf-8">
<link rel = "stylesheet" href="mycss.css" type="text/css" />
<title> 测试内部 css</title>
<script language="javascript">
function changcolor(obj){var ocssRules = document.styleSheets[0].rules;// 这里的 0 示意援用的第 1 个 css 文件,.rules 返回所有的规定
var styleobj = ocssRules[0];// 这里的 0 示意第 1 个规定
for(key in styleobj){document.writeln(key + "=" + styleobj[key]+"<br>");
}
if(obj.value == "红色"){styleobj.style.backgroundColor="red";}else{styleobj.style.backgroundColor="black";}
}
</script>
</head>
<body>
<div id = "div1" class="style">div</div>
<input type = "button" value="红色" οnclick="changcolor(this)">
<input type = "button" value="彩色" οnclick="changcolor(this)">
</body>
</html>
css 文件为 mycss.css:
.style{
width:600px;
height:300px;
background-color:red;
}
people{
width:300px;
}
.card{
width:123px;
height:444px;
}