html语言开关控制灯泡,用js控制电灯开关

利用js控制电灯开关，供大家参考，具体内容如下

题目：

通过js来控制电灯的开关

分析：

获取电灯泡元素，给它绑定点击事件，通过鼠标点击来实现电灯泡的开关

实现方法：

方法一：

获取图片元素，通过给按钮绑定点击事件来控制电灯开关

电灯开关案例

开灯

关灯

var open=document.getElementById("open");

var close=document.getElementById("close");

var img=document.getElementsByTagName("img")[0];

open.οnclick=function(){

img.src="./img/开.gif"

}

close.οnclick=function(){

img.src="./img/关.gif"

}

总结：这种方式比较简单，也不容易出错，通过按钮绑定，直接获取对应的电灯开关图片

运行结果：

html语言开关控制灯泡,用js控制电灯开关相关推荐

用html和js制作一个控制灯泡开关效果
用html和js制作一个控制灯泡开关效果 **用css样式来控制div图片和文本的位置,然后用js里面onclick点击事件来控制图片的更换效果来实现当前运行图的效果** 1.以下是运行的效果图 2. ...
启明云端esp32开发板直连亚马逊AWS IOT平台实例控制灯泡演示
ESP32通过AWS IOT物联网平台接入物联网,Alexa亚马逊音箱触发Lambda对乐鑫ESP32进行控制,实现ESP32接入Alexa亚马逊音箱. 登录亚马逊AWS IOT Core后台,可以创 ...
frameset ajax,js控制frameSet示例
js控制frameSet示例 1:js修改frameset的cols属性来达到修改各个页面所占的宽高,例如隐藏当前frame页. 复制代码代码如下: window.parent.document.g ...
开维控制精灵 Ctrl js 快手小游戏 - 自动消砖块
开维控制精灵 Ctrl.js 快手小游戏 - 自动消砖块 Ctrl.js是基于js语法规则的控制类脚本语言,用于自动化软件测试. Ctrl.js 需要在手机上下载"开维控制精灵", ...
开维控制精灵 Ctrl js 华为手机群发短信
开维控制精灵 Ctrl.js 华为手机群发短信 Ctrl.js是基于js语法规则的控制类脚本语言,用于自动化软件测试. Ctrl.js 需要在手机上下载"开维控制精灵",应用宝,华 ...
鸿蒙系统分享----软件驱动使用JS控制LED灯实验方法
第一:鸿蒙系统环境搭建方法 1.BearPi-HM Micro ubuntu 镜像下载和虚拟机VMware Workstation 安装(虚拟机环境) 2.VS Code的安装和安装RaiDrive工 ...
使用Arduino和Node.js控制摩托车
GitHub最近发布了一篇博客文章 ,展示了这段时间内不同语言的发展情况. 排名代表GitHub的公共和私有存储库中使用的语言(不包括fork),这被称为Linguist的库检测到. 从中可以明显看出 ...
【SCL】博图scl语言应用项目：装配流水线模拟控制
使用西门子博图SCL语言和factoryio软件来编写应用案例--装配流水线模拟控制项目文章目录目录前言一.应用:装配流水线模拟控制 1.控制要求 2.完善控制要求和场景 1.布置场景(fac ...
《JS控制表格奇偶数行背景色变换》
引言: 当我们利用html标记标签语言制作出一张普通的信息表格时,为了摆脱单调,提高用户体验,我们可以为其添加各种动态效果,以满足用户在操作表格时所带来的效果乐趣. 内容概括:当鼠标移动到表格上的相关 ...
爬虫之selenium控制浏览器执行js代码
爬虫之selenium控制浏览器执行js代码 selenium可以让浏览器执行我们规定的js代码,运行下列代码查看运行效果 import time from selenium import webdr ...

html语言开关控制灯泡,用js控制电灯开关

html语言开关控制灯泡,用js控制电灯开关相关推荐

最新文章

热门文章