La proprietà ownerDocument di Javascript
Nel linguaggio Javacript ownerDocument è una proprietà del Document Object Model (DOM).
ownerDocument
La proprietà restituisce il documento a cui appartiene il nodo, tipicamente un documento HTML
Il DOM è come una mappa della tua pagina web. Ogni elemento HTML sulla pagina è un nodo in questo grande albero.
Qando lavoro con il DOM in Javascript, a volte ho bisogno di risalire da un nodo specifico fino al documento di origine. Qui entra in gioco ownerDocument. Questa proprietà è un collegamento che ogni nodo ha e che punta al documento in cui risiede. In questo modo, da qualsiasi nodo posso sempre risalire al documento principale.
Ecco un esempio pratico.
- <!DOCTYPE html>
- <html>
- <head>
- </head>
- <body>
- <div id="myElement">Ciao, sono un elemento!</div>
- <script>
- // Seleziona l'elemento dal DOM
- var myElement = document.getElementById("myElement");
- // Restituisce il documento di origine dell'elemento
- var doc = myElement.ownerDocument;
- // Crea un nuovo elemento
- var newElement = doc.createElement("p");
- newElement.textContent = "Questo è un nuovo paragrafo aggiunto tramite ownerDocument.";
- // Aggiunge il nuovo elemento al documento
- doc.body.appendChild(newElement);
- </script>
- <p>Fine</p>
- </body>
- </html>
Lo script trova il nodo con la classe "myElement".
Poi utilizza questo nodo per risalire al documento che lo contiene tramite la proprietà ownerDocument.
Infine, crea un nuovo nodo <p> e lo aggiunge al documento.
Il risultato finale è il seguente:
Ciao, sono un elemento!
Questo è un nuovo paragrafo aggiunto tramite ownerDocument.
Fine
Se il nodo è il documento stesso, ownerDocument ritorna null, perché un documento non può appartenere a se stesso.
Questo è particolarmente utile per verificare se mi trovo già al "livello più alto" del DOM.
