Un'introduzione al DOM

• Potrebbe 6, 2024

DOM è l'acronimo di Document Object Model. È un modo di esaminare l'HTML che consente agli sviluppatori di siti Web di creare funzioni e manipolare il codice in modi altrimenti impossibili.

Esistono tre tipi base di DOM; il DOM principale, che può essere utilizzato per definire qualsiasi documento indipendentemente dal tipo; il DOM XML, che viene utilizzato con i documenti XML, e il DOM HTML. Quest'ultimo tipo è il più importante e utile per gli sviluppatori HTML, quindi è il DOM che questo articolo esplorerà.

Il DOM HTML divide una pagina HTML in nodi. Questi nodi sono tutti collegati tra loro, con nodi figlio che scendono dai nodi principali e dal nodo radice in alto, in un layout ad albero. Ciò che rende il DOM così importante e utile per gli sviluppatori HTML è che questa definizione rende ogni parte della pagina distinta e la individua in relazione a tutte le altre parti, in modo che sia facile progettare il codice che si riferisce a quella particolare sezione e influisce solo su quella parte . Ciò rende il DOM HTML fondamentale per la programmazione Javascript, ad esempio, poiché consente a un programma Javascript di utilizzare direttamente gli elementi HTML. Senza il DOM, è impossibile per un programma Javascript accedere dinamicamente ai contenuti di una pagina Web. Ad esempio, utilizzando i metodi DOM è possibile scrivere un programma che modifica il testo all'interno di un particolare elemento HTML se si verifica un evento specifico (ad esempio, un visitatore fa clic su un pulsante nella pagina).

Come già sapete, una pagina HTML è composta da diversi elementi come questo:



Pagina HTML di esempio

Questo è un esempio di una pagina HTML di base.

Con il DOM, ogni elemento (tutto tra una serie di tag, come) è un nodo. Il nodo è chiamato nodo radice ed è il più semplice; ha due nodi figlio, il nodo e il nodo. Nell'esempio sopra, il nodo è il figlio del nodo e il

nodo è il figlio del nodo.

Uno sviluppatore web può utilizzare e modificare il DOM utilizzando determinati comandi. Questi comandi sono divisi in proprietà (che descrivono una parte della pagina HTML) e metodi (che fanno qualcosa per quella parte della pagina).

Per informazioni dettagliate su come utilizzare il DOM HTML, vedere l'articolo successivo "Lavorare con il DOM" che verrà pubblicato la settimana prossima.

Istruzioni Video: sez6/1 - Cosa è il DOM (Potrebbe 2024).