我使用Javascript更改HTML属性，以我为例，我有2张打开/关闭同一灯泡的照片，并且使用2个按钮来“打开”和“关闭”灯泡，但是现在我想将这2个按钮替换为第一张图片中的同一开关的第二张图片和第二张图片中该开关已关闭的图片，该怎么做？
<!DOCTYPE html>
<html>
<body>
<h1>What Can JavaScript Do?</h1>
<p>JavaScript can change HTML attributes.</p>
<p>In this case JavaScript changes the src (source) attribute of an image.</p>
<button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button>
<img id="myImage" src="pic_bulboff.gif" style="width:100px">
<button onclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn off the light</button>
</body>
</html>enter image description here
最佳答案
上面的凯末尔（Kemal）展示了您解决上述问题的方法，尽管您说这没有用。好吧，这证明它实际上必须起作用。
<img id="myImage" src="http://placehold.it/150/000/fff" style="width:100px">
<button onclick='document.getElementById("myImage").setAttribute("src", "http://placehold.it/150/E8117F/000")'>PINK</button>
<button onclick='document.getElementById("myImage").setAttribute("src", "http://placehold.it/150/000/fff")'>BLACK</button>