CSS
Model obiektowy CSS (CSSOM)

Uwagi

Wprowadzenie

Przeglądarka identyfikuje tokeny z arkusza stylów i ukrywa je w węzłach, które są połączone w strukturę drzewa. Cała mapa wszystkich węzłów z powiązanymi stylami strony byłaby modelem obiektowym CSS.

Aby wyświetlić stronę internetową, przeglądarka internetowa wykonuje następujące kroki.

1. Przeglądarka internetowa sprawdza twój HTML i buduje DOM (Document Object Model).
2. Przeglądarka internetowa sprawdza twój CSS i buduje CSSOM (CSS Object Model).
3. Przeglądarka internetowa łączy DOM i CSSOM, aby utworzyć drzewo renderowania. Przeglądarka wyświetla Twoją stronę internetową.

Dodanie reguły obrazu tła za pomocą CSSOM

Aby dodać regułę obrazu tła za pośrednictwem CSSOM, najpierw zapoznaj się z regułami pierwszego arkusza stylów:

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

Następnie uzyskaj odniesienie do końca arkusza stylów:

var end = stylesheet.length - 1;

Na koniec wstaw regułę obrazu tła dla elementu body na końcu arkusza stylów:

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