La proprietà parentNode di Javascript

Nel linguaggio Javascript la proprietà parentNode è una proprietà del Document Object Model (DOM) che restituisce il nodo genitore di un nodo specifico.

nodo.parentNode

Questa proprietà si richiama dal nodo figlio e restituisce il nodo genitore che lo contiene.

Se il nodo specifico non esiste, la proprietà parentNode mi restituisce un valore nullo ossia null.

E' molto utile per risalire la struttura del DOM a partire da un determinato nodo.

Questa proprietà può essere chiamata da qualsiasi nodo elemento o testo. Si distingue da parentElement che, invece, si riferisce esclusivamente ai nodi di tipo elemento.

Ad esempio, considero questo documento.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div>
<p id="mioParagrafo">Questo è un paragrafo.</p>
</div>
<script>
var paragrafo = document.getElementById('mioParagrafo');
// Accedere al genitore del paragrafo
var genitore = paragrafo.parentNode;
// Stampare il nome del tag del genitore nel console log
document.write('Il genitore del paragrafo è:', genitore.tagName);
</script>
</body>
</html>

Lo script individua il nodo a cui ho assegnato l'id="mioParagrafo". In questo caso si tratta di un paragrafo.

Poi utilizza la proprietà parentNode per risalire al nodo genitore, ovvero al nodo che lo contiene, e lo stampa sullo schermo.

In questo caso il nodo genitore è il tag <div>

Il genitore del paragrafo è:DIV

In questo modo posso scoprire il nodo genitore di qualsiasi nodo del documento.