Получить src изображения в кнопке

Question

У меня есть кнопка с изображением на ней. Как я могу получить src этого изображения на кнопке в JavaScript?

Это 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> 

Answer 1

Вы действительно близко, просто переместить onclick от a элемента к элементу img.

Вы, вероятно, хотите удалить элемент a целиком, так как он недействителен. HTML (button элементов не может содержать никаких элементов interactive content).

Кроме того, если вы не пишете XHTML (и вы почти certanly не), не должно быть / перед > в конце вашего img тега. (Это безвредно и позволил, это просто бессмысленно.)

Answer 2

Я действительно не уверен, что вы пытаетесь сделать, но ...

Чтобы получить СРК изображения в кнопку теге сделать это

<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 сделать

<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>