English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 基礎チュートリアル

JavaScript オブジェクト

JavaScript 関数

JS HTML DOM

JS ブラウザBOM

AJAX 基礎チュートリアル

JavaScript 参考マニュアル

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

ドキュメントオブジェクトモデル、通常DOM、これはウェブサイトのインタラクティブな一部を構成する重要な要素です。

ドキュメントオブジェクトモデルウィンドウに表示されるHTMLドキュメントを表します。

これはインターフェースであり、JavaScriptがウェブサイトの内容、構造、スタイルを処理できるようにします。

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

ウェブページをロードした後、ブラウザはそのページのドキュメントオブジェクトモデル

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要素の取得、変更、追加、または削除のための標準です

DOMとJavaScript

オブジェクトモデルを通じて、JavaScriptは動的HTMLを作成するために必要なすべての機能を得ました:

  • JavaScriptはページ内のすべてのHTML要素を変更できます

  • JavaScriptはページ内のすべてのHTML属性を変更できます

  • JavaScriptはページ内のすべてのCSSスタイルを変更できます

  • JavaScriptは既存のHTML要素と属性を削除できます

  • JavaScriptは新しいHTML要素と属性を追加できます

  • JavaScriptはページ内のすべての既存のHTMLイベントに反応できます

  • JavaScriptはページ内で新しいHTMLイベントを作成できます

学ぶことができること

このチュートリアルの次の章では、以下の内容を学びます:

  • HTML要素の見つけ方

  • HTML要素の内容の変更方法

  • HTML要素の追加と削除方法

  • HTML要素のスタイル(CSS)の変更方法

  • HTML属性の追加と削除方法

  • DOMツリーの視覚化方法