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