在多個圖像上更改src - Javascript

如何使用純JavaScript更改多個圖像標籤的來源？我正在製作一款記憶遊戲，如果玩家推出兩張不匹配的圖像，我需要重置這兩張圖片的來源。這是我做這個迄今爲止代碼：在多個圖像上更改src - Javascript

if (flipLock >= 3) { 

     aTag.onclick = null; 
     timeoutID = setTimeout(function() { 
      var reset = document.getElementsByTagName("img"); 
      reset.src = "../pics/0.png"; 
      flipLock = 0; 
     } 
     , 1000); 
    };

來源

2013-12-11 Lemonmuncher

你必須遍歷

var reset = document.getElementsByTagName("img"); 

for (var i=reset.length; i--;) { 
    reset[i].src = "../pics/0.png"; 
}

來源

2013-12-11 12:17:22 adeneo

@Tibos - 它遍歷相反的方式，是的，但爲什麼會這樣。 – adeneo

@Tibos - 不，它從列表中的最後一個元素開始，以第一個結尾 - > http://jsfiddle.net/b4QHj/ – adeneo

顯然我無法正確讀取。沒有看到遞減是在條件檢查。爲最好的（和第一個）答案+1。 – Tibos

使用循環

var reset = document.getElementsByTagName("img"); 

for (var i=0; i<reset.length; i++) { 
    reset[i].src = "../pics/0.png"; 
}

來源

2013-12-11 12:18:45

var reset = document.getElementsByTagName("img"); 

for (var i=0; i<reset.length; i++) { 
    reset[i].src = "../pics/0.png"; 
}

來源

2013-12-11 12:24:00 NARKOZ

在多個圖像上更改src - Javascript

回答

相關問題