javascript - 当用户点击图像时如何通过javascript更改图像

Question

例如 html:

<DIV>Here is some text..</DIV>
<DIV><IMG src="image1.png">one</DIV>

当用户单击图像(image1.png)时，我想将图像更改为 image2.png？

我如何使用纯 JavaScript 来做到这一点？

谢谢

Answer 1

直接使用

<IMG src="image1.png" onclick='this.src="image2.png"'>

DEMO

纯 JS

document.getElementById('img').onclick=function() {
    this.src='image2.png';
};