CSS
Объектная модель CSS (CSSOM)

замечания

Вступление

Браузер идентифицирует токены из таблицы стилей и скрывает их в узлах, которые связаны с древовидной структурой. Вся карта всех узлов со связанными стилями страницы будет объектной моделью CSS.

Чтобы отобразить веб-страницу, веб-браузер выполняет следующие шаги.

1. Веб-браузер проверяет ваш HTML и создает DOM (Document Object Model).
2. Веб-браузер проверяет ваш CSS и создает CSSOM (объектная модель CSS).
3. Веб-браузер объединяет DOM и CSSOM для создания дерева рендеринга. Веб-браузер отображает вашу веб-страницу.

Добавление правила background-image через CSSOM

Чтобы добавить правило background-image через CSSOM, сначала получите ссылку на правила первой таблицы стилей:

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

Затем получите ссылку на конец таблицы стилей:

var end = stylesheet.length - 1;

Наконец, вставьте правило фонового изображения для элемента body в конце таблицы стилей:

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