Question

是否可以使用javascript中的事件处理程序来定位父div的ID？

鉴于以下代码，当您单击图像时，会触发一个警报，其中包含图像的ID＆＃34;两个＆＃34;。是否可以返回＆＃34;一个＆＃34;，这是父div的ID，而不是出现在这个框中？

＆＃13;

<div id="one">
    <p>Some Text</p>
    <img src="http://placehold.it/48x48" alt="" id="two" onclick="random(id)" />
</div>
    
<script>
    function random(id) {
        alert("working" + " " + id);
    }
</script>

＆＃13;

Answer 1

您可以this.parentNode获取对父节点的引用。然后，您可以使用.id获取其ID。所以alert(this.parentNode.id)应该有用。

<div id="one">
    <p>Some Text</p>
    <img src="http://placehold.it/48x48" alt="" id="two" onclick="random(this)" />
</div>
    
<script>
    function random(node) {
        alert("working" + " " + node.parentNode.id);
    }
</script>

在子元素的onclick事件处理程序中定位父元素

1 个答案: