JavaScript BOM、DOM、DOM-HTML

出典: フリー教科書『ウィキブックス（Wikibooks）』

[編集] ブラウザ拡張の利用

XML (HTML) データを操作する際には、DOMを使用するが実際にWebページに動作を加えるにはこれだけでは十分ではない。

現在主流のWebブラウザは、ほとんどがDOMへの対応を済ませているが、これ以外にブラウザ側での拡張機能を多く使用する事になる。

[編集] innerHTML

指定された要素の内容を、指定のHTMLで置き換える。

 var elem = document.getElementById("sample");
 elem.style.innerHTML="これはなかなかおいしい";
 

等とすることで、内部のHTMLを変更することが出来る。タグを自由に使えるのが利点であるが、乱用すると、レンダリング速度の面で悪影響が出る。

[編集] style

HTML内部のスタイルを変更する。これは、

 var elem = document.getElementById("sample");
 elem.style.backgroundColor="red";
 

等として、背景色を変更することが出来る。