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

Question

我知道如何將1個圖像更改爲另一個圖像，但我想知道如何使用onclick將單個圖像的多個圖像全部更改爲同一圖像，但是要單獨進行。像「Image1」的多個副本，當我點擊它們時應該全部更改爲「Image2」，但每次只有一個。

Answer 1

給他們所有相同的類，然後遍歷元素。

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>