CSS
CSS Object Model (CSSOM)

Opmerkingen

Invoering

De browser identificeert tokens uit het stylesheet en bedekt deze in knooppunten die zijn gekoppeld in een boomstructuur. De volledige kaart van alle knooppunten met hun bijbehorende stijlen van een pagina zou het CSS-objectmodel zijn.

Om de webpagina weer te geven, voert een webbrowser de volgende stappen uit.

1. De webbrowser onderzoekt uw HTML en bouwt de DOM (Document Object Model).
2. De webbrowser onderzoekt uw CSS en bouwt het CSSOM (CSS Object Model).
3. De webbrowser combineert de DOM en de CSSOM om een renderboom te maken. De webbrowser geeft uw webpagina weer.

Een achtergrondafbeeldingregel toevoegen via CSSOM

Om een achtergrondafbeeldingregel via CSSOM toe te voegen, moet u eerst een verwijzing naar de regels van het eerste stylesheet krijgen:

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

Zoek vervolgens een verwijzing naar het einde van de stylesheet:

var end = stylesheet.length - 1;

Voeg ten slotte een achtergrondafbeeldingregel in voor het body-element aan het einde van het stylesheet:

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