2013-12-11 44 views
0

如何使用纯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); 
    }; 

回答

1

你必须遍历

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

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

@Tibos - 它遍历相反的方式,是的,但为什么会这样。 – adeneo

+0

@Tibos - 不,它从列表中的最后一个元素开始,以第一个结尾 - > http://jsfiddle.net/b4QHj/ – adeneo

+0

显然我无法正确读取。没有看到递减是在条件检查。为最好的(和第一个)答案+1。 – Tibos

0

使用循环

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

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

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