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 |
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 "