CSS
CSS-objektmodell (CSSOM)

Anmärkningar

Introduktion

Webbläsaren identifierar tokens från stilark och täcker dem i noder som är länkade till en trädstruktur. Hela kartan över alla noder med tillhörande stilar på en sida skulle vara CSS-objektmodellen.

För att visa webbsidan tar en webbläsare följande steg.

1. Webbläsaren undersöker din HTML och bygger DOM (Document Object Model).
2. Webbläsaren undersöker din CSS och bygger CSSOM (CSS Object Model).
3. Webbläsaren kombinerar DOM och CSSOM för att skapa ett render-träd. Webbläsaren visar din webbsida.

Lägga till en bakgrundsbildregel via CSSOM

För att lägga till en bakgrundsbildregel via CSSOM, först en hänvisning till reglerna för det första stilmallen:

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

Sedan får du en hänvisning till slutet av stilarket:

var end = stylesheet.length - 1;

Slutligen sätter du in en bakgrundsbildregel för kroppselementet i slutet av formatmallen:

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