DOM

Node.parentElement プロパティ

 編集:2022.10.29 by T.A.

[Edge]。読取専用。→

Node の親要素を Element で返します。

親ノードが存在しない場合や親ノードが DOM Element で無い場合は null となります。

mdn: この DOM ノードの親である要素(Element)を返します。このノードに親ノードがないか、親が DOM の Element でない場合は null を返します。

構文
Node.parentElement
Node Node

Element。または null です。

HTML:

<SPAN id=IdTest>[SPAN要素。テキスト<B id=IdB>[B要素<I id=IdI>[I要素]</I>]</B>テキスト]</SPAN>

JavaScript:

NL=IdTest.childNodes;  //IdTest の子ノード リストを得る。
	//=[object]:[object NodeList]
	//0=[object]:[object Text]
	//1=[object]:[object HTMLElement]
	//2=[object]:[object Text]
	//entries=[function]:function entries() { [native code] }
	//…
D=NL[0].nodeName;        //=[string]:#text
DA=NL[0].parentElement;  //=[object]:[object HTMLSpanElement]…
D=DA.id;                 //=[string]:IdTest

D=NL[1].nodeName;        //=[string]:B
DA=NL[1].parentElement;  //=[object]:[object HTMLSpanElement]…
D=DA.id;                 //=[string]:IdTest

DA=IdI.parentElement;  //=[object]:[object HTMLElement]
D=DA.id;               //=[string]:IdB

D=document.body.parentElement;  //=[object]:[object HTMLHtmlElement]
D=document.parentElement;  //=[object]:null

テスト