CSS
Modelo de objetos CSS (CSSOM)

Observaciones

Introducción

El navegador identifica tokens de la hoja de estilo y los cubre en nodos que están vinculados en una estructura de árbol. El mapa completo de todos los nodos con sus estilos asociados de una página sería el Modelo de objetos CSS.

Para mostrar la página web, un navegador web realiza los siguientes pasos.

1. El navegador web examina su HTML y crea el DOM (Modelo de objetos de documento).
2. El navegador web examina su CSS y crea el CSSOM (Modelo de objetos CSS).
3. El navegador web combina el DOM y el CSSOM para crear un árbol de procesamiento. El navegador web muestra su página web.

Agregando una regla de imagen de fondo a través del CSSOM

Para agregar una regla de imagen de fondo a través del CSSOM, primero obtenga una referencia a las reglas de la primera hoja de estilo:

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

Luego, obtenga una referencia al final de la hoja de estilo:

var end = stylesheet.length - 1;

Finalmente, inserte una regla de imagen de fondo para el elemento del cuerpo al final de la hoja de estilo:

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