「JavaScript」parentNodeで親ノードを取得するサンプル
書式
parentNode = node.parentNode
指定されたノードの DOM ツリー内の親ノードを返します。
parentNode : 指定ノードの親ノード。
要素の親ノードは、Element ノード、Document ノード、または DocumentFragment になります。
使用例
<html> <head> <title>parentNodeの使い方</title> </head> <body> <div id="cft"> <p id="cftA">tokyo test 111</p> <p id="cftB">oosaka test 222</p> </div> <script> //セレクタID「cftA」の取得 const ndA = document.getElementById("cftA"); //セレクタID「cftB」の取得 const ndB = document.getElementById("cftB"); //親ノードの取得 const pdA =ndA.parentNode; //親ノードの取得 const pdB =ndB.parentNode; //innerHTMLプロパティの取得 alert(pdA.innerHTML); //innerHTMLプロパティの取得 alert(pdB.innerHTML); </script> </body> </html>
結果
<p id="cftA">tokyo test 111</p> <p id="cftB">oosaka test 222</p> <p id="cftA">tokyo test 111</p> <p id="cftB">oosaka test 222</p>