CSS
Modèle d'objet CSS (CSSOM)

Remarques

introduction

Le navigateur identifie les jetons de la feuille de style et les couvre en nœuds liés à une arborescence. La carte entière de tous les nœuds avec leurs styles associés d'une page serait le modèle d'objet CSS.

Pour afficher la page Web, un navigateur Web suit les étapes suivantes.

1. Le navigateur Web examine votre code HTML et construit le modèle DOM (Document Object Model).
2. Le navigateur Web examine votre CSS et construit le CSSOM (CSS Object Model).
3. Le navigateur Web combine le DOM et le CSSOM pour créer une arborescence de rendu. Le navigateur Web affiche votre page Web.

Ajouter une règle d'image d'arrière-plan via le CSSOM

Pour ajouter une règle d'image d'arrière-plan via le CSSOM, commencez par obtenir une référence aux règles de la première feuille de style:

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

Ensuite, obtenez une référence à la fin de la feuille de style:

var end = stylesheet.length - 1;

Enfin, insérez une règle image d'arrière-plan pour l'élément body à la fin de la feuille de style:

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