JavaScript
DOM
Iniziare a programmare in un linguaggio che permetta di gestire e rendere dinamici gli elementi di una pagina web, di per sè statici, significa avere ben chiaro il concetto di DOM, e la sua comprensione passa attraverso la lettura delle parole di cui rappresenta l'acronimo: Document Object Model.
Partiamo dallo spiegare che cosa sono gli elementi di una pagina web. Dietro ogni pagina che carichiamo nel nostro browser, quando navighiamo in internet, esiste un codice che impagina tutto quello che ci viene mostrato. In altre parole il codice descrive la modalità con cui una pagina web si presenta.
Tutto quello che vediamo all'interno della pagina, e il codice, che non vediamo e sottointende la pagina, rappresenta l'insieme degli elementi di una pagina web.
Le macrocategorie degli elementi di una pagina web sono indicate nel seguente elenco:
- Elementi Tag
- Testo
- Attributi
- Commenti
Di quello indicato nell'elenco, il Testo è il solo elemento che vediamo quanto carichiamo la pagina nel browser. Il Testo è quello che leggiamo nella pagina web.
Gli Elementi Tag sono comandi che dicono al browser come interpretare e visualizzare il contenuto di una pagina.
Gli Attributi sono coppie di nome e valore inserite nel tag di apertura di un elemento per fornire informazioni aggiuntive o modificarne il comportamento.
I Commentivengono inseriti ma non vengono visualizzati nei browser. È possibile utilizzare i commenti per spiegare il codice; ciò può rivelarsi utile quando si interviene nuovamente sul codice sorgente in un secondo momento. Tale pratica è particolarmente vantaggiosa in presenza di una grande quantità di codice.
Il modello DOM associa a ciascun elemento della pagina web un nodo: cioè un "oggetto" accessibile da un linguaggio di programmazione e da questo manipolato. L'utilizzo della parola oggetto non è casuale poichè indica il tipo di paradigma di programmazione proprio del linguaggio utilizzato, che è quello della programmazione ad oggetti.
Il DOM, pertanto rappresenta l'API, cioè l'interfaccia mediante la quale, un linguaggio di programmazione gestisce gli elementi di una pagina web.
L'ultima cosa da dire, ma non la meno importante, è che l'insieme dei nodi ha una struttura gerarchica, piuttosto complessa, la cui radice è il nodo Documento (Document). Il nodo o l'oggetto Document rappresenta l'intera pagina, i suoi oggetti figli rappresentano gli altri elementi della pagina.
