### 回答1：
我可以给你一个简单的示例，可以帮你实现点击开关按钮切换
灯泡开关
状态的功能：<script>
var lightOn = false;function switchLight(){
if (lightOn == false) {
lightOn = true;
document.getElementById("lightBulb").src = "on.png";
} else {
lightOn = false;
document.getElementById("lightBulb").src = "off.png";
}
}
</script>
### 回答2：
当点击按钮时，需要在
JavaScript中编写一个函数来切换
灯泡的开关
状态。首先，需要在HTML中创建一个按钮和一个
灯泡的标签，并为按钮添加一个点击事件处理函数。
HTML代码如下：
```html
<button id="toggleButton" onclick="toggleLight()">开关</button>
<img id="lightBulb" src="light_off.png" alt="
灯泡">
```
在
JavaScript中，需要定义一个函数`toggleLight()`来处理按钮点击事件。函数将检查当前
灯泡的
状态，并相应地切换到另一个
状态。可以使用
JavaScript的`getElementById()`方法来获取按钮和
灯泡的元素，然后使用`getAttribute()`和`setAttribute()`方法来获取和设置
灯泡的开关
状态。
JavaScript代码如下：
```
javascript
function toggleLight() {
var lightBulb = document.getElementById("lightBulb");
var currentState = lightBulb.getAttribute("src");
if (currentState === "light_off.png") {
lightBulb.setAttribute("src", "light_on.png");
} else {
lightBulb.setAttribute("src", "light_off.png");
}
}
```
上述代码将在每次点击按钮时切换
灯泡的开关
状态。当
灯泡处于关闭状态（`light_off.png`）时，点击按钮将把
灯泡状态切换为开启
状态（`light_on.png`）；反之，如果
灯泡当前是开启
状态，点击按钮将把
灯泡状态切换为
关闭状态。
记得将上述的HTML和
JavaScript代码放在页面的合适位置，如`<head>`或`<body>`标签之间，以确保点击按钮时可以调用到`toggleLight()`函数，并正确地切换
灯泡的开关
状态。
### 回答3：
以下是一个可以实现点击开关按钮切换
灯泡开关
状态的简单的
JavaScript 代码：
HTML 代码：
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>点击开关按钮切换
灯泡开关
状态</title>
<style>
.bulb {
width: 100px;
height: 100px;
background-color: gray;
border-radius: 50%;
}
.on {
background-color: yellow;
}
.off {
background-color: gray;
}
</style>
</head>
<body>
<button onclick="toggleBulb()">开关</button>
<div id="bulb" class="bulb off"></div>
<script src="script.js"></script>
</body>
</html>
```
JavaScript 代码（script.js）：
```
javascript
function toggleBulb() {
var bulb = document.getElementById('bulb');
if (bulb.classList.contains('off')) {
bulb.classList.remove('off');
bulb.classList.add('on');
} else {
bulb.classList.remove('on');
bulb.classList.add('off');
}
}
```
这段代码首先给按钮绑定了一个 `onclick` 事件，当按钮被点击时，
会触发 `toggleBulb` 函数。
`toggleBulb` 函数首先通过 `document.getElementById` 获取到 `bulb` 元素，然后通过 `classList` 属性判断炫耀是否具有 `off` 类。若有，则将其移除，并添加 `on` 类；若没有，则将 `off` 类添加进去，并移除 `on` 类。
这样，当
灯泡处于关闭状态时，点击按钮
会切换为开启
状态，反之亦然。
扫一扫
934
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
