JavaScript HTML DOM
HTML DOMを使用すると、JavaScriptはHTMLドキュメントのすべての要素にアクセスして変更できます。
HTML DOM(ドキュメントオブジェクトモデル)
Webページがロードされると、ブラウザはページのドキュメントオブジェクトモデル を作成します。
HTML DOMモデルは、オブジェクトのツリーとして構築されます。
オブジェクトのHTMLDOMツリー
オブジェクトモデルを使用すると、JavaScriptはダイナミックHTMLを作成するために必要なすべての機能を利用できます。
- JavaScriptは、ページ内のすべてのHTML要素を変更できます
- JavaScriptは、ページ内のすべてのHTML属性を変更できます
- JavaScriptはページ内のすべてのCSSスタイルを変更できます
- JavaScriptは既存のHTML要素と属性を削除できます
- JavaScriptは新しいHTML要素と属性を追加できます
- JavaScriptは、ページ内の既存のすべてのHTMLイベントに反応できます
- JavaScriptはページに新しいHTMLイベントを作成できます
あなたが学ぶこと
このチュートリアルの次の章では、次のことを学びます。
- HTML要素のコンテンツを変更する方法
- HTML要素のスタイル(CSS)を変更する方法
- HTMLDOMイベントに反応する方法
- HTML要素を追加および削除する方法
DOMとは何ですか?
DOMはW3C(World Wide Web Consortium)標準です。
DOMは、ドキュメントにアクセスするための標準を定義しています。
「W3Cドキュメントオブジェクトモデル(DOM)は、プログラムとスクリプトがドキュメントのコンテンツ、構造、およびスタイルに動的にアクセスして更新できるようにする、プラットフォームおよび言語に依存しないインターフェイスです。」
W3C DOM標準は、次の3つの部分に分かれています。
- コアDOM-すべてのドキュメントタイプの標準モデル
- XMLDOM-XMLドキュメントの標準モデル
- HTMLDOM-HTMLドキュメントの標準モデル
HTML DOMとは何ですか?
HTML DOMは、HTMLの標準オブジェクトモデルおよび プログラミングインターフェイスです。それは定義します:
- オブジェクトとしてのHTML要素
- すべてのHTML要素 のプロパティ
- すべてのHTML要素にアクセスするためのメソッド
- すべてのHTML要素のイベント
言い換えると、HTML DOMは、HTML要素を取得、変更、追加、または削除する方法の標準です。