Macromedia Dreamweaver 8 のドキュメントオブジェクトモデル (DOM) は、拡張機能の開発のために非常に重要な構造です。DOM を使用すると、ユーザーのドキュメントや拡張機能ファイル内のエレメントにアクセスし、エレメントを操作することができます。
DOM は、マークアップ言語を使用して作成されたドキュメントの構成を定義します。DOM では、タグと属性をオブジェクトとして表すことによって、プログラミング言語を使用して、ドキュメントとそのコンポーネントにアクセスしたり、操作することができます。
HTML ドキュメントの構造は、ドキュメントツリーとして扱うことができます。ルートは HTML タグであり、最も大きい 2 つの幹は HEAD タグと BODY タグです。HEAD の支脈は、TITLE、STYLE、SCRIPT、ISINDEX、BASE、META、および LINK タグです。BODY タグの支脈は、見出し (H1、H2 など)、ブロックレベルのエレメント (P、DIV、FORM など)、テキストレベルのエレメント (FONT、BR、IMG など) などです。これらの支脈の葉 (リーフ) は、WIDTH、HEIGHT、ALT などの属性です。
DOM では、ツリー構造が親ノードと子ノードから成る階層として保存および表示されます。ルートノードには親ノードがなく、リーフノードには子ノードがありません。HTML 構造の各レベルで、HTML エレメントは、JavaScript に至るまでをノードとして操作できます。この構造により、ドキュメントやドキュメント内のすべてのエレメントにアクセスできます。
以下に説明するように、JavaScript では、ドキュメントオブジェクトを名前またはインデックスで呼び出すことができます。
document.myForm.myButton のように指定します。
document.forms[0].elements[1] のように指定します。
同じ名前のオブジェクトは 1 つの配列にまとめられます。配列内の特定のオブジェクトには、0 を始まりとするインデックスを増やすことによってアクセスできます。たとえば、myForm ドキュメントにある myRadioGroup という名前の最初のラジオボタンを参照するには、document.myForm.myRadioGroup[0] と指定します。