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

Question

我知道如何将1个图像更改为另一个图像，但我想知道如何使用onclick将相同图像的多个全部更改为同一图像，但需要单独进行。像“Image1”的多个副本一样，当我点击它们时，都应该变为“Image2”，但是一次只能一个。

Answer 1

给他们所有相同的类，然后遍历元素。

＆＃13;

＆＃13;

function to60() {

  var imgs = document.getElementsByClassName('i40');

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

}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;