本帖最后由 忘忧草 于 2012-5-2 19:05 编辑
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<style type="text/css">
.day
{
background-color:White;
}
.night
{
background-color:Black;
}
</style>
<script type="text/javascript">
function switchLight(){//注意（1）“{”的写法，（2）定义function第一个单词首字母小写
var btnSwitch = document.getElementById("btnSwitch");
// //为什么不能调用getElementById得到body
// if(document.getElementById("bodyTest").className=="day"){
// document.getElementById("bodyTest").className="night";
// btnSwitch.value="开灯";
// }
// else{
// document.getElementById("bodyTest").className="day";
// btnSwitch.value="关灯";
if(document.body.className=="day"){//记住body在document下
document.body.className="night";
btnSwitch.value="开灯";
}
else{
document.body.className="day";
btnSwitch.value="关灯";
}
}
</script>
</head>
<body id="bodyTest" class="day">
<!--动态修改value的值-->
<input type="button" id="btnSwitch" value="关灯" />
</body>
</html>
加注释的是我的方法，但是行不通，请教各位 |
收藏
淘帖
踩
