子要素のonclickイベントハンドラ内のターゲット親要素

Question

javadocでイベントハンドラを使用して親divのIDをターゲットにすることはできますか？

次のコードを指定すると、イメージをクリックすると、イメージ「2」のIDを含むアラートが発生します。親divのIDである "one"を返すことは可能ですか？代わりにこのボックスに表示されますか？

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