CSS
CSS-Objektmodell (CSSOM)

Bemerkungen

Einführung

Der Browser identifiziert Token aus Stylesheet und konvertiert sie in Knoten, die in einer Baumstruktur verknüpft sind. Die gesamte Karte aller Knoten mit den zugehörigen Stilen einer Seite wäre das CSS-Objektmodell.

Um die Webseite anzuzeigen, führt ein Webbrowser die folgenden Schritte aus.

1. Der Webbrowser untersucht Ihren HTML-Code und erstellt das DOM (Document Object Model).
2. Der Webbrowser untersucht Ihr CSS und erstellt das CSSOM (CSS Object Model).
3. Der Webbrowser kombiniert das DOM und das CSSOM, um einen Render-Baum zu erstellen. Der Webbrowser zeigt Ihre Webseite an.

Hinzufügen einer Hintergrundbildregel über CSSOM

Um eine Hintergrundbildregel über CSSOM hinzuzufügen, rufen Sie zunächst einen Verweis auf die Regeln des ersten Stylesheets ab:

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

Dann erhalten Sie einen Verweis auf das Ende des Stylesheets:

var end = stylesheet.length - 1;

Fügen Sie schließlich eine Hintergrundbildregel für das body-Element am Ende des Stylesheets ein:

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