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 要素を取得、変更、追加、または削除する標準についてです。
