Proprietà HTML DOM parentElement
Esempio
Ottieni il nome del nodo dell'elemento padre di un elemento <li>:
var x = document.getElementById("myLI").parentElement.nodeName;
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La proprietà parentElement restituisce l'elemento padre dell'elemento specificato.
La differenza tra parentElement e parentNode , è che parentElement restituisce null se il nodo padre non è un nodo elemento:
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à utilizzi, tuttavia, parentNode è probabilmente il più popolare.
Questa proprietà è di sola lettura.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
Sintassi
node.parentElement
Dettagli tecnici
Valore di ritorno: | Un oggetto Element, che rappresenta il nodo dell'elemento padre di un nodo o null se il nodo non ha padre |
---|---|
Versione DOM | Oggetto Elemento DOM Livello 4 |
Altri esempi
Esempio
Fare clic su un elemento (<span>) per nascondere il suo elemento padre (<div>):
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>