「JavaScript」parentNodeで親ノードを取得するサンプル

2021年10月15日

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

 

JavaScript

Posted by arkgame