我是靠谱客的博主 高兴八宝粥,最近开发中收集的这篇文章主要介绍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写简单开关灯案例所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部