思路：首先是获取开关灯按钮元素和body元素，然后写事件就是当用户点击关灯按钮后页面颜色由白色变为黑色，按钮的背景色变为白色，按钮由关灯字样变为开灯字样，然后再点击按钮，又由开灯变为关灯，页面背景色变为白色
<style>
#btn{
width: 40px;
height: 20px;
border: 1px solid black;
text-align: center;
cursor: pointer;
}
</style>
</head>
<body>
<div id="btn">关灯</div>
<script>
var btn=document.getElementById('btn');
var bdele=document.body;
var flag=0;
btn.onclick=function(){
if(flag==0){
bdele.style.backgroundColor='black';
this.innerHTML='开灯'
this.style.backgroundColor='white';
flag=1;
}
else if(flag==1){
bdele.style.backgroundColor='white';
this.innerHTML='关灯';
this.style.backgroundColor='rgb(117, 117, 111)';
flag=0;
}
}
</script>
</body>
5240
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
