DOM(Document Object Model)とは?

DOM(Document Object Model)とは HTMLやXMLの文書へのアクセスや操作をする ための手段(API)になります。(標準化)

DOMを用いることでHTMLやXMLの各要素や内容を追加、修正、削除、参照すること が出来、例えばJavaScriptなどからHTMLやXML文書を操作することが出来ます。

W3Cによる標準化が進められていますが、ブラウザによる実装状況はまちまちです。

JavaScriptとDOMの例

ここでは、JavaScriptを例としますがDOMはプログラミング言語からは独立して作られ ています。他の言語でも使用可能なので注意が必要です。

HTMLやXML文書にアクセスするには、いくつかのオブジェクトとそのオブジェクトに プロパティ、メソッドが定義されています。このオブジェクトを使って各要素にアクセス していきます。

次の例では、文書中のa要素を取得しhref属性を表示しています。

//文書中のa要素を全て取得
var nodes = document.getElementsByTagName('a');

//最初のa要素のhref属性の値を表示
window.alert(nodes[0].href);

上記例では、documentのメソッドを使用していますがその他にwindow、Element Style、Eventなどがあります。