Esempio
Ottenere il nome del nodo dell'elemento genitore di un <li> Elemento:
var x = document.getElementById("myLI").parentElement.nodeName;Il risultato di x sarà:
UL Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
La proprietà parentElement restituisce l'elemento principale dell'elemento specificato.
La differenza tra parentElement e parentNode , è che parentElement restituisce null se il nodo padre non è un nodo di elementi:
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)Nella maggior parte dei casi, non importa quale proprietà si utilizza, invece, parentNode è probabilmente il più popolare.
Questa proprietà è di sola lettura.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| parentElement | 1.0 | sì | 9.0 | sì | sì |
Sintassi
node .parentElementDettagli tecnici
| Valore di ritorno: | Un oggetto Element, che rappresenta il nodo elemento genitore di un nodo, oppure null se il nodo ha genitore |
|---|---|
| DOM Version | DOM Level 4 Elemento Oggetto |
Altri esempi
Esempio
Clicca su un elemento (<span>) per nascondere il suo elemento genitore (<div>) :
<div>
<span onclick="this.parentElement.style.display =
'none';">x</span>
</div> Prova tu stesso "