Buscar..


Observaciones

El Modelo de objetos CSS (CSSOM) es una especificación por sí misma.

El borrador actual se puede encontrar aquí: https://www.w3.org/TR/cssom-1/

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.

introduzca la descripción de la imagen aquí

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);


Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow