プロパティ parentNode

プロパティ parentNode は親要素を保持します。 ほぼ同一のプロパティである parentElement も存在します。 相違点: html タグの場合、 プロパティ parentNode は document を返しますが、 parentElement は null を返します。

構文

javascript要素.parentNode;

例

要素 #elem の親を取得し、 その id を画面に表示してみましょう:

html<div id="parent">
  <p id="elem"></p>
</div>

javascriptlet elem = document.querySelector('#elem');
let id = elem.parentNode.id;

console.log(id);

コード実行結果:

javascript'parent'

関連項目