Il DOM: dal testo HTML agli oggetti

Il browser legge il codice HTML e costruisce un albero di oggetti. La pagina disegnata è ricavata da quegli oggetti.

Il testo che il browser riceve. Se lo modifichi, dopo un istante il browser lo rilegge e ricostruisce tutti gli oggetti: le modifiche fatte con JavaScript si perdono.

Il browser non conserva il file: questo testo è ricavato adesso dagli oggetti del DOM, come fa outerHTML.

Console JavaScript

Invio esegue, Maiusc+Invio va a capo, ↑ e ↓ richiamano i comandi precedenti. $0 indica l'oggetto selezionato.

Albero degli oggetti (DOM)

elemento testo commento documento JS creato da JavaScript senza tag aggiunto dal parser

Oggetti fuori dal documento

Pagina disegnata

Scheda dell'oggetto