DOM についての memo

DOM とは

Document Object Model の略。ドキュメントを物として扱うモデル。
プログラムから HTML や XML を自由に操作するための仕組み。

DOM という言葉が指しているものは物ではなくて仕組み。DOM は実体を持たない。

DOM の特徴

• ツリー構造とも呼ばれる階層構造を取る

• それぞれノードという言葉で説明される

• WEB ページと JavaScript などのプログラミング言語とを繋ぐ

↓DOM がどんなものかイメージしやすい外部記事の一文

ウェブブラウザーは、その定義をもとにインターフェースを実装しています。ウェブブラウザーはHTMLドキュメントを読み込むと、そのHTMLの各構成要素を、それらに該当するインターフェースを実装して、それぞれをオブジェクト化します。こうしてできたオブジェクト群がDOMです。そして、ドキュメントを画面に表示する際、HTMLドキュメントを直接解読して表示するのではなく、このDOMをもとに画面表示します。つまり、HTMLドキュメントはデータの取得にだけ使用され、画面表示やその後の表示変更などは、DOMを使用して行われます。

https://zenn.dev/antez/articles/b6eb22cb228a49