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

Definicja i użycie

parentElement właściwość zwraca rodzica określonego elementu.

parentElement i parentNode różni się tym, że jeśli węzeł nadrzędny nie jest węzłem elementowym, to parentElement zwraca null:

document.body.parentNode; // Zwraca element <html>
document.body.parentElement; // Zwraca element <html>
document.documentElement.parentNode; // Zwraca węzeł dokumentu
document.documentElement.parentElement; // Zwraca null (<html> nie ma węzła ELEMENT nadrzędnego)

W większości przypadków, który atrybut jest używany, nie ma znaczenia, ale parentNode może być najbardziej popularna.

Ta właściwość jest jedynie do odczytu.

Węzły HTML i elementy

w HTML DOM(Model Dokumentu WWWW) w dokumencie HTML jest zbiorem węzłów (lub bez nich) posiadających podwęzły.

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

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

a element jest tylko węzłem elementowym.

Podwęzły i podelementy

childNodes zwracaPodwęzły(węzły elementowe, węzły tekstowe i węzły komentarzy).

children zwracaPodelementyniezależnie od węzłów tekstowych i komentariów).

Rodzeństwo i rodzeństwo elementów

rodzeństwojest "bratami" i "siostrami".

rodzeństwosą węzłami posiadającymi tego samego rodzica (w tym samym childNodes z listy).

rodzeństwo elementówsą elementami posiadającymi tego samego rodzica (w tym samym children z listy).

Przykład

Przykład 1

Pobierz nazwę węzła rodzica elementu <li>:

var x = document.getElementById("myLI").parentElement.nodeName;

Spróbuj sam

Przykład 2

Kliknięcie elementu (<span>) może ukryć jego element nadrzędny (<div>):

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

Spróbuj sam

Gramatyka

node.parentElement

Zwracana wartość

Typ Opis
Obiekt Element oznacza węzeł nadrzędny elementu.
null jeśli ten węzeł nie ma węzła nadrzędnego.

Obsługa przeglądarki

element.parentElement To jest cecha DOM Level 3 (2004).

Wszystkie przeglądarki wspierają je w pełni:

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