2013-02-28 91 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>