JavaScript HTML DOM
HTML DOMを通じて、JavaScript は HTML ドキュメントのすべての要素にアクセスおよび変更できます。
HTML DOM(ドキュメントオブジェクトモデル)
ウェブページが読み込まれたとき、ブラウザはページのドキュメントオブジェクトモデル(Document Object Model)。
HTML DOM モデルは構造化されていますオブジェクトツリー:
オブジェクトの HTML DOM ツリー

このオブジェクトモデルを通じて、JavaScript は動的 HTML を作成するすべての力を得ます:
- JavaScript はページ内のすべての HTML 要素を変更できます
- JavaScript はページ内のすべての HTML 属性を変更できます
- JavaScript はページ内のすべての CSS スタイルを変更できます
- JavaScript は既存の HTML 要素と属性を削除できます
- JavaScript は新しい HTML 要素と属性を追加できます
- JavaScript はページ内のすべての既存の HTML イベントに反応できます
- JavaScript はページ内で新しい HTML イベントを作成できます
学ぶことができること
以下の章で学ぶことができます:
- HTML 要素の内容をどう変えるか
- HTML エレメントのスタイル(CSS)をどのように変更するか
- HTML DOM イベントにどのように反応するか
- HTML エレメントの追加と削除方法
DOM とは何ですか?
DOM は W3C (World Wide Web Consortium) 标準です。
DOM はドキュメントにアクセスする標準を定義しています:
「W3C 文書オブジェクトモデル(DOM)は、プラットフォームや言語に依存しないインターフェースであり、プログラムやスクリプトが動的にドキュメントの内容、構造、スタイルにアクセス、更新することができます。」
W3C DOM 标準は 3 つの異なる部分に分けられています:
- Core DOM - すべてのドキュメントタイプの標準モデル
- XML DOM - XML ドキュメントの標準モデル
- HTML DOM - HTML ドキュメントの標準モデル
HTML DOM とは何ですか?
HTML DOM は HTML の標準ですオブジェクトモデルとプログラミングインターフェース。それは定義しています:
- としてオブジェクトの HTML エレメント
- すべての HTML エレメントの属性
- すべての HTML エレメントにアクセスするメソッド
- すべての HTML エレメントのイベント
言い換えれば:HTML DOM は HTML エレメントの取得、変更、追加、または削除に関する標準です。