Question

我有一个带有图像的按钮。如何在JavaScript中的按钮上获取该图像的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>

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

Answer 2

您真的很接近，只需将onclick从a元素移到img元素。

您可能希望完全删除a元素，因为它是无效的HTML（button元素不能包含任何interactive content元素。）

此外，除非您正在编写XHTML（并且您几乎不是），否则/标记末尾的>之前不应该有img 。（这是无害的，允许的，这是毫无意义的。）

在按钮中获取图像的src

2 个答案: