代码如下:
<body>
<button >关灯</button>
<script>
var bt=document.querySelector('button');
var bd=document.body;
var flag=0;
bt.οnclick=function(){
if(flag==0){
bd.style.backgroundColor='black';
flag=1;
bt.innerHTML='开灯'
}else{
bd.style.backgroundColor='white'
flag=0;
bt.innerHTML='关灯'
}
}
</script>
实现本次案例出现的问题:flag原来我设置在方法内部并给值为0,导致ifelse每次对flag重新赋值不起效果,把它放到方法外作为一个初值问题就能解决。遗忘获取body方法,重新看笔记,获取body方法为document.body