发帖
雷达卡
##
人人都能学会数据分析【16周完结】<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;
}
链接：https://pan.baidu.com/s/1vLmp__RwifxERXP9Fy6stQ
提取码：j0jo
--来自百度网盘超级会员V4的分享
京公网安备 11010802022788号
