メインコンテンツまでスキップ

はじめに

DOM(Document Object Model)とは?

ドキュメントオブジェクトモデル (Document Object Model, DOM) は、 ウェブ上の文書のコンテンツと構造からなるオブジェクトのデータ表現です。 (MDNより)

HTMLで作成されたWebページなどを開く時、ブラウザでは以下のようなことをしている。

  1. URLの先からHTMLファイルを取得する
  2. 取得したHTMLファイルをDOMに変換する
  3. 変換されたDOMをブラウザに描画する

ここでは簡単に、HTMLファイルをブラウザやプログラム(JavaScript)などが 扱いやすいように変換したモノをDOMと思ってもらえれば良い。