2013-02-28 92 views
0

我有一個帶有圖像的按鈕。如何在JavaScript中的按鈕上獲取該圖像的src獲取按鈕中的圖像的src

這是HTML:

<button id="A8" name="B_Rook" type="button" style="background-color:#FFE4C4" onClick="check(this.id)"> 
    <a href="" onclick="getImgId(this.id)"><img id="B_Rook" src="B_Rook.jpg" HEIGHT=80 width=80/></a> 
</button> 
+1

''不應嵌套在'

+0

我已刪除它,但它不工作。我已發送郵件給你,請檢查並回復我 – 2013-02-28 18:24:13

回答

0

你真的很近,距離a元素移動onclickimg元素。

您可能希望完全刪除a元素,因爲它無效HTML(button元素不能包含任何interactive content元素)。另外,除非您正在編寫XHTML(而您幾乎可以證明不是),否則在您的img標記末尾的>之前不應該有/。 (這是無害的,允許的,它只是毫無意義的。)

+0

感謝您的回覆,但我沒有得到它,請幫助我 – 2013-02-28 18:18:26

1

我真的不知道你正在嘗試做的,但...

爲了獲得圖像的src在按鈕標籤做到這一點

<button id="A8" name="B_Rook" type="button" style="background-color:#FFE4C4"> 
    <img id="B_Rook" src="B_Rook.jpg" HEIGHT=80 width=80 onclick="getImgId(this.src)"> 
</button> 

來獲取img元素的ID做到這一點

<button id="A8" name="B_Rook" type="button" style="background-color:#FFE4C4"> 
    <img id="B_Rook" src="B_Rook.jpg" HEIGHT=80 width=80 onclick="getImgId(this.id)"> 
</button> 

和基本的點擊處理程序將看起來像這樣兩個

<script> 
    function getImgId(id){ 
     alert(id) 
    } 
</script>