CSS
CSS Object Model (CSSOM)

Osservazioni

introduzione

Il browser identifica i token dal foglio di stile e li ricopre in nodi che sono collegati in una struttura ad albero. L'intera mappa di tutti i nodi con gli stili associati di una pagina sarebbe il modello a oggetti CSS.

Per visualizzare la pagina Web, un browser Web esegue i seguenti passaggi.

1. Il browser Web esamina il tuo HTML e crea il DOM (Document Object Model).
2. Il browser Web esamina il tuo CSS e crea il CSSOM (modello a oggetti CSS).
3. Il browser Web combina DOM e CSSOM per creare un albero di rendering. Il browser web mostra la tua pagina web.

Aggiunta di una regola per l'immagine di sfondo tramite CSSOM

Per aggiungere una regola dell'immagine di sfondo tramite CSSOM, prima ottenere un riferimento alle regole del primo foglio di stile:

var stylesheet = document.styleSheets[0].cssRules;

Quindi, ottieni un riferimento alla fine del foglio di stile:

var end = stylesheet.length - 1;

Infine, inserisci una regola background-image per l'elemento body alla fine del foglio di stile:

stylesheet.insertRule("body { background-image: url('http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico'); }", end);