Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM parentElement Propery

<Element Przedmiot

Przykład

Uzyskaj nazwę węzła elementu dominującego <li> elementu:

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

Wynikiem X będzie:

UL
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

Nieruchomość parentElement zwraca element nadrzędny określonego elementu.

Różnica pomiędzy parentElement i parentNode , że parentElement zwraca zerowy, jeżeli węzeł nadrzędny nie jest węzłem elementem:

document.body.parentNode; // Returns the <html> element
document.body.parentElement; // Returns the <html> element

document.documentElement.parentNode; // Returns the Document node
document.documentElement.parentElement; // Returns null (<html> does not have a parent ELEMENT node)

W większości przypadków nie ma znaczenia, który nieruchomość użyć jednak parentNode jest prawdopodobnie najbardziej popularne.

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


Wsparcie przeglądarka

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.

Nieruchomość
parentElement 1,0 tak 9.0 tak tak

Składnia

node .parentElement

Szczegóły techniczne

Zwracana wartość: Przedmiotem element reprezentujący węzła rodzica węzła lub zerowy, jeżeli węzeł nie posiada nadrzędny
DOM Version DOM poziom 4 element Przedmiot

Przykłady

Więcej przykładów

Przykład

Kliknij na element (<span>) , aby ukryć jego elementu nadrzędnego (<div>) :

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

<Element Przedmiot