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不是函数。

有什么想法吗？提前致谢

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>

在javascript中检索clicked元素的getAttribute

1 个答案: