Właściwość parentNode obiektu HTML DOM Element

Definicja i użycie

parentNode Właściwość zwraca element lub węzeł rodzica, jako obiekt Node.

Jeśli określony węzeł nie ma rodzica, zwraca null.

Atrybut parentNode jest jedynie odczytywalny.

Zobacz również:

Atrybut childNodes

Atrybut firstChild

Atrybut lastChild

Atrybut nextSibling

Atrybut previousSibling

Atrybut nodeName

Atrybut parentElement

Węzły HTML i elementy

W HTML DOM(Model Dokumentu HTML) Dokument HTML to zbiór węzłów posiadających (lub nie posiadających) podwęzły.

WęzełTo oznacza węzły elementowe, węzły tekstowe i węzły komentarza.

ElementBiałe przestrzenie między nimi są również węzłami tekstowymi.

a element jest tylko węzłem elementowym.

Podwęzeł i podelement

childNodes ZwracaPodwęzeł(węzły elementowe, węzły tekstowe i węzły komentarza).

children ZwracaPodelement)(nie tekst i węzły komentarza).

Brat i brat elementu

BratTo "brat" i "siostra".

BratTo węzły posiadające tego samego rodzica (w tym samym childNodes na liście).

Brat elementuTo elementy posiadające tego samego rodzica (w tym samym children na liście).

Przykład

Przykład 1

Uzyskaj nazwę węzła rodzica "myLI":

let name = document.getElementById("myLI").parentNode.nodeName;

Spróbuj sam

Przykład 2

Kliknij element (<span>) aby ukryć jego rodzica:

<div>
  <span onclick="this.parentNode.style.display = 'none';">x</span>
</div>

Spróbuj sam

Gramatyka

element.parentNode

lub

node.parentNode

Zwrócona wartość

Typ Opis
Węzeł Rodzic węzła.
null Jeśli węzeł nie ma rodzica.

Obsługa przeglądarek

element.parentnode jest cechą DOM Level 1 (1998).

Wszystkie przeglądarki obsługują je w pełni:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wsparcie 9-11 Wsparcie Wsparcie Wsparcie Wsparcie