Proprietà parentNode dell'Elemento DOM HTML

Definizione e uso

parentNode L'attributo restituisce il nodo padre dell'elemento o del nodo, in un oggetto Node.

Se il nodo specificato non ha nodo padre, viene restituito null.

L'attributo parentNode è readonly.

Vedi anche:

Proprietà childNodes

Proprietà firstChild

Proprietà lastChild

Proprietà nextSibling

Proprietà previousSibling

Proprietà nodeName

Proprietà parentElement

Nodi HTML e elementi

In HTML DOM（Document Object Model）, l'HTML documento è una raccolta di nodi che possiedono (o non possiedono) nodi figli.

NodoSi riferisce ai nodi di elemento, nodi di testo e nodi di commento.

Elementotra gli spazi bianchi sono anche nodi di testo.

mentre l'elemento è solo un nodo di elemento.

Nodo figlio e elemento figlio

childNodes RestituisceNodo figlio（nodi di elemento, nodi di testo e nodi di commento）.

children RestituisceElemento figlio（non i nodi di testo e i nodi di commento）.

Gemello e elemento gemello

GemelloÈ il "fratello" e la "sorella".

GemelloSono i nodi che condividono lo stesso nodo genitore (nello stesso childNodes nell'elenco).

Elemento gemelloSono gli elementi che condividono lo stesso nodo genitore (nello stesso children nell'elenco).

Esempio

Esempio 1

Ottieni il nome del nodo genitore di "myLI":

let name = document.getElementById("myLI").parentNode.nodeName;

Prova da solo

Esempio 2

Clicca sull'elemento (<span>) per nascondere il suo elemento genitore:

<div>
  <span onclick="this.parentNode.style.display = 'none';">x</span>
</div>

Prova da solo

Sintassi

element.parentNode

o

node.parentNode

Valore di ritorno

Tipo Descrizione
Nodo Nodo genitore.
null Se il nodo non ha un nodo genitore.

Supporto dei browser

element.parentnode è una caratteristica del DOM Level 1 (1998).

Tutti i browser lo supportano completamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto 9-11 Supporto Supporto Supporto Supporto