CSS
CSSオブジェクトモデル（CSSOM）

備考

前書き

ブラウザはスタイルシートからトークンを識別し、それらをツリー構造にリンクされたノードに変換します。ページの関連するスタイルを持つすべてのノードのマップ全体がCSSオブジェクトモデルになります。

Webページを表示するには、Webブラウザで次の手順を実行します。

1. WebブラウザはHTMLを調べ、DOM（Document Object Model）を構築します。
2. WebブラウザはCSSを調べ、CSSOM（CSS Object Model）を構築します。
3. Webブラウザは、DOMとCSSOMを組み合わせてレンダーツリーを作成します。 WebブラウザにWebページが表示されます。

CSSOMを介して背景画像ルールを追加する

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