Javascript 单击图像元素后获取图像元素的SRC

尝试将click事件处理程序附加到每个图像，然后在单击图像时向SRC发出警报

HTML:

JavaScript:

var pics = document.getElementsByTagName('IMG');

for (x=0; x < pics.length; x++) {
    pics[x].addEventListener('click', function(){
        alert(pics[x].getAttribute('src'));
    }, false);
}

var pics=document.getElementsByTagName（'IMG'）；
对于（x=0；x

---

我知道这很简单，我搞砸了，但我搞不懂

添加事件侦听器时，必须引用单击的元素而不是循环元素。
因此，它将不是

pics[x]

，而是

this

（指单击的元素）

下面是一个JSFIDLE:

var pics=document.getElementsByTagName（'IMG'）；
对于（x=0；x

var pics = document.getElementsByTagName('IMG');

for (x=0; x < pics.length; x++) {
    pics[x].addEventListener('click', function(){
        alert(pics[x].getAttribute('src'));
    }, false);
}

var pics = document.getElementsByTagName('IMG');

for ( x=0; x < pics.length; x++ ) {
    pics[x].addEventListener('click', function(){
        alert(this.getAttribute('src'));
    }, false);
}