javascript - 在javascript中检索点击元素的getAttribute

Question

我的网页上有很多图片。

<img id="a" src="1.jpg">
<br>
<img  id="b" src="2.jpg">

我正在尝试使用以下 javascript 获取点击图像的“src”。

var getImageName = function(){
     document.onclick = function(){
        var image = this.getAttribute("src");
        alert(image);
        }}

getImageName();

但是它给出了一个错误 this.getAttribute is not function.

有什么想法吗？提前致谢

Answer 1

因为 this 是点击处理程序中的文档对象，所以您可能想检查点击是否发生在图像元素中

var getImageName = function() {
  document.onclick = function(e) {
    if (e.target.tagName == 'IMG') {
      var image = e.target.getAttribute("src");
      alert(image);
    }
  }
}

getImageName()

<img id="a" src="//placehold.it/64X64&text=1" />
<br>
<img id="a" src="//placehold.it/64X64&text=2" />
<br>