在子元素的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>