JavaScript DOMについて

質問

JavaScriptの勉強を始めて、１か月程度の初心者です。

JavaScriptを使って、計算したり、カレンダーを作ったり、
HTMLの要素の内容を変更させたり、削除したり、
スタイルシートのプロパティ？を変更して、背景色を変えたり、要素を移動したり、
イベントを使用したりと、出来ることは増えてきて、勉強するのが楽しくなってきたのですが、
いまだにDOM操作についていまいち理解できていません。

具体的にDOMとはどこからどこまでなんでしょうか？

JavaScriptに組み込まれているオブジェクト（Date,Math、String、Array）
以外のものは、すべてDOM操作と言う事でしょうか？

イベントハンドラだとか、タイマ機能？（windowオブジェクトのsetTimeout（）メソッド）なども
DOMと言う事でしょうか？

どなたかわかりやすく説明してもらえると嬉しいです。

回答No.2

lupin-333333 · ベストアンサー

No1さんが指摘してサイトを読む前に、観念的なところから始めることをお勧めする。

http://www.google.co.jp/search?hl=ja&q=%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%A8%E3%81%AF&lr=lang_ja

http://ja.wikipedia.org/wiki/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0

http://www.atmarkit.co.jp/fdotnet/basics/oop01/oop01_01.html

これが、基本です。１９９０年代にはやったフレーズです。そうＣ＋＋、Ｊａｖａが台頭してきた時代です。この「オブジェクト」と呼ばれるものが、ＤＯＭを操作する、基本的な考え方です。

その前にあったのが、構造化プログラミング。この発展系がオブジェクト指向。

そのオブジェクト指向で、基本と成るのが、「オブジェクト」。それを操作するのが、オブジェクト指向プログラム言語。

モデリングされた物　＝　物　＝オブジェクト

などと上記のサイトから引用するとなる。なのでプログラミング言語の中では

「オブジェクト」

を操作するのを

「メソッド」
「プロパティ」

となる。それらが定義されているんのが、

クラス
クラスライブラリー
フレームワーク

Ｃ＋＋など、ヘッダーに、それぞれのライブラリーを呼び出すわけですね。

＞すべてDOM操作と言う事でしょうか？

上記、オブジェクト指向を理解していれば、そのような発想にはなりません。

DocumentObjectModel 1.0, 2, 3 ...

で定義さている（Ｎｏ１さんが示したＵＲＬ）、オブジェクトモデルがＤＯＭです。それ以外は、
JavaScriptの関数であり、オブジェクトであり、ＨＴＭＬオブジェクトです。また、ブラウザ独自に定義されている物もあります（ＩＩＥだけだと思うが）。

よく勘違いするのが、ＨＴＭＬオブジェクトとＤＯＭのオブジェクトの操作です。

formオブジェクトは、どちらでしょうか？

＞イベントハンドラだとか、タイマ機能

上記サイトなどみれば、わかるかと。ただ、ＤＯＭはあるいみ、HTMLとJavaScriptのオブジェクトやその操作を、再定義したといっても、いいかもしれません。なので、ＤＯＭからみると、すべてＤＯＭのようにみえて当たりまえかと思います。

Ｎｏ１さんが指摘したサイトをよんだあと、再度

http://www.kmonos.net/alang/etc/ecmascript.php

や、そこからたどる
http://www.ecma-international.org/publications/standards/Ecma-262.htm

をみれば、はっきりするかと。たとえば、そのさいとの言い回しだと

「ECMAScript のオブジェクトモデル」

なんて言い方をしています。ＤＯＭからみて、概念的にいえば、すべてＤＯＭにはいるように見えるが、実態は、それぞれの所で定義されている物をさします。

その反面、「DOM」を「Document Object Model」ではなく　オブジェクトモデルと言い方をすれば、上記サイトで定義されていることではなく、一般用語として扱われ、モデリング化された体系の事を指します。

お礼

回答ありがとうございます。

プログラミング言語を勉強するのもこれがはじめてなので、
なかなかオブジェクトという概念を理解できずにいます。

Javascriptには組み込みオブジェクトや組み込み関数があり、(dateやmathなど)
WEBブラウザにHTMLが読み込まれると、オブジェクトが自動的に生成され(Window、navigator、document、historyなど)
その中のdocumentオブジェクトや、
さらにその下位に位置するオブジェクト(formやimage)などを操作するのがDOMレベル０と呼ばれるもので、
それ以外のHTMLの要素(ノード？)にアクセスするためのプロパティやメソッド()をDOMレベル１ということでしょうか？
そしれそれらを使って、ノードを変更したり移動したり削除したりすることを、
いわゆるDOM操作と読んでいるのでしょうか？

回答No.1

dscripty

そろそろこれを読むときがきたんだと思うよ。
http://www.w3.org/DOM/

とりあえずなら、
http://www.w3.org/DOM/Activity
のなかの、

「Document Object Model Level 2 Core」
の「Appendix E: ECMAScript Language Binding」

と

「Document Object Model Level 2 HTML」
の「Appendix D: ECMAScript Language Binding」

かな？

どうしても日本語、なら
w3.org DOM の日本語訳を探すか、

なければ、これをよんでみるとか？
https://developer.mozilla.org/ja/DOM

お礼

回答ありがとうございます。

英語がダメなので探してみます。