如何使用 onclick 和 Javascript 更改图像？

Question

I know how to change 1 image to another, but I want to know how to change multiple of the same image all to the same image using onclick, but individually. Like multiple copies of "Image1" should all change to "Image2" when I click on them, but one at a time.

Answer 1

Give them all the same class, then loop through the elements.

 function to60() { var imgs = document.getElementsByClassName('i40'); for (var i = 0; i < imgs.length; ++i) { imgs[i].src = "http://placehold.it/60"; } }

 <div> <img src="http://placehold.it/40" class="i40" onclick="to60()" /> <img src="http://placehold.it/50" class="i50" /> <img src="http://placehold.it/40" class="i40" onclick="to60()" /> </div>