在子元素的onclick事件中的目标父元素hander

Question

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

鉴于以下代码，当您单击图像时，包含图像ID“2”的警报触发。是否有可能返回“一”，这是父div的ID，出现在这个盒子呢？

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

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>