HTML DOM メソッド

HTML DOM メソッドは、ノード（HTML要素）に対して実行できるアクションです。

HTML DOM プロパティは、ノード（HTML要素）で設定・変更できる値です。

プログラミングインターフェース

JavaScript（および他のプログラミング言語）を介してHTML DOMにアクセスできます。

すべてのHTML要素はオブジェクトとして定義され、プログラミングインターフェースはオブジェクトのメソッドとプロパティです。

メソッドは実行できるアクションです（例：要素の追加や変更）。

プロパティは取得または設定できる値です（例：ノードの名前や内容）。

getElementById() メソッド

getElementById() メソッドは、指定されたIDを持つ要素を返します。

例

var element=document.getElementById("intro");

試してみる »

HTML DOM オブジェクト - メソッドとプロパティ

一般的なHTML DOMメソッド：

  • getElementById(id) - 指定されたIDを持つノード（要素）を取得する
  • appendChild(node) - 新しい子ノード（要素）を挿入する
  • removeChild(node) - 子ノード（要素）を削除する

一般的なHTML DOMプロパティ：

  • innerHTML - ノード（要素）のテキスト値
  • parentNode - ノード（要素）の親ノード
  • childNodes - ノード（要素）の子ノード
  • attributes - ノード（要素）の属性ノード

このチュートリアルの次の章で、プロパティについて詳しく学びます。

現実世界のオブジェクト

ある人物はオブジェクトです。

人のメソッドは、eat(), sleep(), work(), play() などです。

すべての人がこれらのメソッドを持っていますが、異なるタイミングで実行します。

人のプロパティには、名前、身長、体重、年齢、性別などが含まれます。

すべての人がこれらのプロパティを持っていますが、その値は人によって異なります。

いくつかの DOM オブジェクトメソッド

このチュートリアルで学ぶ一般的なメソッドをいくつか紹介します：

メソッド 説明
getElementById() 指定されたIDを持つ要素を返します。
getElementsByTagName() 指定されたタグ名を持つすべての要素を含むノードリスト（コレクション/ノード配列）を返します。
getElementsByClassName() 指定されたクラス名を持つすべての要素を含むノードリストを返します。
appendChild() 新しい子ノードを指定されたノードに追加します。
removeChild() 子ノードを削除します。
replaceChild() 子ノードを置き換えます。
insertBefore() 指定された子ノードの前に新しい子ノードを挿入します。
createAttribute() 属性ノードを作成します。
createElement() 要素ノードを作成します。
createTextNode() テキストノードを作成します。
getAttribute() 指定された属性の値を返します。
setAttribute() 指定された属性を指定された値に設定または変更します。
その他の拡張