JavaScript HTML DOM

HTML DOMを通じて、JavaScript は HTML ドキュメントのすべての要素にアクセスおよび変更できます。

HTML DOM(ドキュメントオブジェクトモデル)

ウェブページが読み込まれたとき、ブラウザはページのドキュメントオブジェクトモデル(Document Object Model)。

HTML DOM モデルは構造化されていますオブジェクトツリー

オブジェクトの HTML DOM ツリー

DOM HTML ツリー

このオブジェクトモデルを通じて、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 エレメントの取得、変更、追加、または削除に関する標準です