JavaScript HTML DOM
Con il DOM HTML, JavaScript può accedere e modificare tutti gli elementi di un documento HTML.
Il DOM HTML (Document Object Model)
Quando viene caricata una pagina Web, il browser crea un modello di oggetto documento della pagina.
Il modello HTML DOM è costruito come un albero di Oggetti :
L'albero degli oggetti del DOM HTML
Con il modello a oggetti, JavaScript ottiene tutta la potenza necessaria per creare HTML dinamico:
- JavaScript può modificare tutti gli elementi HTML nella pagina
- JavaScript può modificare tutti gli attributi HTML nella pagina
- JavaScript può modificare tutti gli stili CSS nella pagina
- JavaScript può rimuovere elementi e attributi HTML esistenti
- JavaScript può aggiungere nuovi elementi e attributi HTML
- JavaScript può reagire a tutti gli eventi HTML esistenti nella pagina
- JavaScript può creare nuovi eventi HTML nella pagina
Cosa imparerai
Nei prossimi capitoli di questo tutorial imparerai:
- Come modificare il contenuto degli elementi HTML
- Come modificare lo stile (CSS) degli elementi HTML
- Come reagire agli eventi HTML DOM
- Come aggiungere ed eliminare elementi HTML
Cos'è il DOM?
Il DOM è uno standard W3C (World Wide Web Consortium).
Il DOM definisce uno standard per l'accesso ai documenti:
"Il W3C Document Object Model (DOM) è una piattaforma e un'interfaccia indipendente dal linguaggio che consente a programmi e script di accedere e aggiornare dinamicamente il contenuto, la struttura e lo stile di un documento".
Lo standard W3C DOM è suddiviso in 3 parti differenti:
- Core DOM - modello standard per tutti i tipi di documenti
- XML DOM - modello standard per documenti XML
- HTML DOM - modello standard per documenti HTML
Cos'è il DOM HTML?
L'HTML DOM è un modello a oggetti standard e un'interfaccia di programmazione per HTML. Definisce:
- Gli elementi HTML come oggetti
- Le proprietà di tutti gli elementi HTML
- I metodi per accedere a tutti gli elementi HTML
- Gli eventi per tutti gli elementi HTML
In altre parole: l'HTML DOM è uno standard su come ottenere, modificare, aggiungere o eliminare elementi HTML.