Javascript中div类内的getElementsByTagName

我有一个div类，其中包含多个没有特定id的图像

希望当你点击图像时，徽标会显示在不同的位置

<div class="gs-image-box"> <a href="http://www.car-logos.org/audi" target="_blank" class="gs-image gs-image-scalable"><img src="http://t0.gstatic.com/images?q=tbn:ANd9GcTfBGu4EqulBN9htr_1tQD_xHtayahqbhMYc31ZhTh_PNuga76Wx4_Asg" title="Audi | Audi Car logos and Audi car company logos worldwide" class="gs-image gs-image-scalable" style="width: 84px; height: 84px;"></a>
</div>
<div class="gs-image-box"> <a href="http://logok.org/audi-logo/" target="_blank" class="gs-image gs-image-scalable"><img src="http://t2.gstatic.com/images?q=tbn:ANd9GcRFmGT17faZJ1OBpW8IR7ZuQr4GqmLM1oWuu-RTo3JJHaRur-p17FuMCVI" title="Audi logo | Logok" class="gs-image gs-image-scalable" style="width: 112px; height: 84px;"></a>
</div>

因此，我使用了

getElementsByTagName

，这是一个详细的代码

但是，它仅适用于第一个标记

[0]

，而不适用于第二个标记

[1]

我已经被困在这个问题上好几天了，有没有人有主意，怎么做，或者我做错了什么

第一期：

var badgeimg2 = imageresult[1].getElementsByTagName('img')[1];

应该是

var badgeimg2 = imageresult[1].getElementsByTagName('img')[0];

第二个问题（在badgeimg2的事件侦听器代码中）：

应该是：

var imgsrc = badgeimg2.src;

---

在你检查chrome控制台之前，它不应该问这个问题。 你的代码有一个“未捕获的类型错误”。 这样编写代码，它将起作用：

var badgeimg2 = document.getElementsByTagName('img')[1];
badgeimg2.addEventListener("click", function(event){
    event.preventDefault();
    var xu = document.getElementById('logo');
    var imgsrc = badgeimg2.src;

    xu.src=imgsrc;

});

var badgeimg2 = document.getElementsByTagName('img')[1];
badgeimg2.addEventListener("click", function(event){
    event.preventDefault();
    var xu = document.getElementById('logo');
    var imgsrc = badgeimg2.src;

    xu.src=imgsrc;

});