檢索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不是函數。

有什麼想法？ 在此先感謝

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>