黑马程序员技术交流社区

标题: 为什么只能关灯不能开灯 [打印本页]

作者: 闫常国    时间: 2013-4-27 11:13
标题: 为什么只能关灯不能开灯
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function changeColor(){
  var btnSwitch=document.getElementById("sw");
  if(document.body.className="day"){
   document.body.className="night";
   btnSwitch.value="开灯";
   }
  else{
   document.body.className="day";
   btnSwitch.value="关灯";
   }
  }
</script>
<style type="text/css">
.day{
  background-color:#FFF;
  }
.night{
  background-color:#000;
  }
</style>
</head>
<body class="day">
<input id="sw" type="button" value="关灯" />
</body>
</html>


作者: 苏波    时间: 2013-4-28 01:10
用jQuery写吧




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2