如何onclick使用JavaScript 更改HTML元素的类以响应事件？
我有一个图像 - image1.png.当我第一次单击按钮时,我希望它更改为image2.png.当我第二次单击该按钮时,我希望它更改为另一个图像,image3.png.
到目前为止,我已经完全改变了image2,很容易.我只是想找到一种方法来改变它.
HTML:
<img id="image" src="image1.png"/>
<button onclick=changeImage()>Click me!</button>
JavaScript的:
function changeImage(){
document.getElementById("image").src="image2.png";
}
我知道我可以在按钮代码中使用HTML更改图像源,但我相信使用JS功能会更清晰.我对所有解决方案持开放态度.