English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
ドキュメントオブジェクトモデル、通常DOM、これはウェブサイトのインタラクティブな一部を構成する重要な要素です。
ドキュメントオブジェクトモデルウィンドウに表示されるHTMLドキュメントを表します。
これはインターフェースであり、JavaScriptがウェブサイトの内容、構造、スタイルを処理できるようにします。
ウェブページをロードした後、ブラウザはそのページのドキュメントオブジェクトモデル。
HTML DOMモデル構造のツリーオブジェクト。
以下の例はDOMが何であるかを説明しています:
<html> <head> <title>Example</title> </head> <h1>Example Page</h1> <p>これは例ページです</p> </html>
以下のコードのDOM表現は以下の通りです:
HTML DOMはHTMLの標準ですオブジェクトモデルとプログラミングインターフェース。それが定義します:
HTML要素はオブジェクト
すべてのHTML要素の属性
すべてのHTML要素のメソッド
すべてのHTML要素のイベント
言い換えれば:HTML DOMはHTML要素の取得、変更、追加、または削除のための標準です。
オブジェクトモデルを通じて、JavaScriptは動的HTMLを作成するために必要なすべての機能を得ました:
JavaScriptはページ内のすべてのHTML要素を変更できます
JavaScriptはページ内のすべてのHTML属性を変更できます
JavaScriptはページ内のすべてのCSSスタイルを変更できます
JavaScriptは既存のHTML要素と属性を削除できます
JavaScriptは新しいHTML要素と属性を追加できます
JavaScriptはページ内のすべての既存のHTMLイベントに反応できます
JavaScriptはページ内で新しいHTMLイベントを作成できます
このチュートリアルの次の章では、以下の内容を学びます:
HTML要素の見つけ方
HTML要素の内容の変更方法
HTML要素の追加と削除方法
HTML要素のスタイル(CSS)の変更方法
HTML属性の追加と削除方法
DOMツリーの視覚化方法