Con il DOM HTML, JavaScript può accedere e modificare tutti gli elementi di un documento HTML.
Il HTML DOM (Document Object Model)
Quando una pagina web viene caricata, il browser crea un Document Object Model della pagina.
Il modello DOM HTML è costruito come un albero di oggetti:
L'albero DOM HTML di oggetti
Con il modello a oggetti, JavaScript ottiene tutta la potenza di cui ha bisogno per creare HTML dinamico:
- JavaScript può cambiare tutti gli elementi HTML nella pagina
- JavaScript può cambiare tutti gli attributi HTML nella pagina
- JavaScript può cambiare tutti gli stili CSS nella pagina
- JavaScript può rimuovere elementi e attributi HTML esistente
- JavaScript può aggiungere nuovi elementi e attributi HTML
- JavaScript in grado di reagire a tutti gli eventi HTML esistenti nella pagina
- JavaScript in grado di creare nuovi eventi HTML nella pagina
Cosa si può imparare
Nei prossimi capitoli di questo tutorial imparerete:
- Come modificare il contenuto di elementi HTML
- Come cambiare lo stile (CSS) di elementi HTML
- Come reagire in HTML eventi DOM
- Come aggiungere ed eliminare elementi HTML
Qual è il DOM?
Il DOM è una W3C (World Wide Web Consortium) standard.
Il DOM definisce uno standard per l'accesso ai documenti:
"Object Model di W3C DOM (Document) è un'interfaccia piattaforma e del linguaggio neutrale che consente ai programmi e script di accedere in modo dinamico e aggiornare il contenuto, la struttura e lo stile di un documento."
Lo standard W3C DOM è suddiviso in 3 parti distinte:
- Nucleo DOM - modello standard per tutti i tipi di documenti
- DOM XML - modello standard per i documenti XML
- HTML DOM - modello standard per i documenti HTML
Qual è il DOM HTML?
Il HTML DOM è un'interfaccia standard oggetto del modello e la programmazione per l'HTML. Esso definisce:
- Gli elementi HTML comeoggetti
- Leproprietà di tutti gli elementi HTML
- Imetodi per accedere a tutti gli elementi HTML
- Gli eventi per tutti gli elementi HTML
In altre parole:il DOM HTML è uno standard per come ottenere, modificare, aggiungere o eliminare elementi HTML.