Właściwość HTML DOM parentElement
Przykład
Pobierz nazwę węzła nadrzędnego elementu elementu <li>:
var x = document.getElementById("myLI").parentElement.nodeName;
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość parentElement zwraca element nadrzędny określonego elementu.
Różnica między parentElement i parentNode polega na tym, że parentElement zwraca null , jeśli węzeł nadrzędny nie jest węzłem elementu:
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órej właściwości używasz, jednak parentNode jest prawdopodobnie najbardziej popularny.
Ta właściwość jest tylko do odczytu.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
Składnia
node.parentElement
Szczegóły techniczne
Wartość zwrotu: | Obiekt Element, reprezentujący węzeł elementu rodzica węzła lub null , jeśli węzeł nie ma elementu rodzica |
---|---|
Wersja DOM | Obiekt elementu DOM Level 4 |
Więcej przykładów
Przykład
Kliknij element (<span>), aby ukryć jego element nadrzędny (<div>):
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>