我是靠谱客的博主 高兴八宝粥,这篇文章主要介绍js写简单开关灯案例,现在分享给大家,希望可以做个参考。

body部分

<button class="btn">开关灯</button>

js部分

// 1、获取元素
var btn=document. querySelector (".btn");
var html=document. querySelector("html");
// 2、注册事件
var flag=0;
btn. onclick=function(){
if(flag==0){
html. style. backgroundColor="black";
flag=1;
}else{
html. style. backgroundColor="white";
flag=0;
}
}

//如果想设置彩色,只要修改背景颜色属性即
//可,flag一次等于1, 2, 3…,最后一个等于0

最后

以上就是高兴八宝粥最近收集整理的关于js写简单开关灯案例的全部内容,更多相关js写简单开关灯案例内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(119)

评论列表共有 0 条评论

立即
投稿
返回
顶部