点击 “点亮”按钮点亮灯泡，点击“熄灭”按钮熄灭灯泡

好的，我来演示一下。（展示一个页面，页面上有一个灯泡图标和两个按钮，一个是“点亮”按钮，一个是“熄灭”按钮）现在灯泡是灭的，我先点击“点亮”按钮。（点击“点亮”按钮后，灯泡变亮）现在灯泡亮了。现在我要熄灭它，我点击“熄灭”按钮。（点击“熄灭”按钮后，灯泡又变成灭的状态）完成了！

点击 “点亮”按钮点亮灯泡，点击“熄灭”按钮熄灭灯泡 js

你可以使用以下 JavaScript 代码来实现： HTML 代码： ``` <button onclick="light()">点亮</button> <button onclick="turnOff()">熄灭</button> <img id="bulb" src="off.png"> ``` JavaScript 代码： ``` function light() { var bulb = document.getElementById("bulb"); bulb.src = "on.png"; } function turnOff() { var bulb = document.getElementById("bulb"); bulb.src = "off.png"; } ``` 其中，`light()`函数用于点亮灯泡，`turnOff()`函数用于熄灭灯泡。`document.getElementById()`方法用于获取 id 为 "bulb" 的图像元素，`bulb.src`属性用于更改该元素的图像源，从而实现灯泡的点亮和熄灭。你需要将 `on.png` 和 `off.png` 替换为你自己的图像文件。

html点亮熄灭灯泡

要实现通过点击来点亮或熄灭灯泡的效果，你可以使用以下HTML和JavaScript代码： HTML代码： ```html <!doctype html> <html> <head> <meta charset="utf-8"> <title>灯泡</title> </head> <body> <img id="myimg" onClick="changeImage()" src="images/eg_bulboff.gif"> <p>点击灯泡来点亮或熄灭这盏灯</p> <script type="text/javascript"> function changeImage(){ var element = document.getElementById('myimg'); if(element.src.match("off")){ element.src="images/eg_bulbon.gif"; }else{ element.src="images/eg_bulboff.gif"; } } </script> </body> </html> ``` 这段代码创建了一个灯泡的图片按钮，通过`onClick="changeImage()"`触发`changeImage`函数。在函数中，我们通过检查图片的`src`属性来判断当前灯泡的状态，如果是灭的状态，就将`src`属性改为点亮的图片路径，反之亦然。

阅读全文

点击 “点亮”按钮 点亮灯泡，点击“熄灭”按钮 熄灭灯泡