HTML DOM メソッド
メソッドは、ノード (HTML 要素) で実行できるアクションです。
プログラミング インターフェイス
は、JavaScript (および他のプログラミング言語) を介して HTML DOM へのアクセスを提供します。
すべての HTML 要素はオブジェクトとして定義され、プログラミング インターフェイスはオブジェクト メソッドとオブジェクト プロパティです。
メソッドは、実行できるアクション (要素の追加や変更など) です。
プロパティは、取得または設定できる値です (ノードの名前やコンテンツなど)。
getElementById() メソッド
getElementById() メソッドは、指定された ID を持つ要素を返します:
Instance
<html><!DOCTYPE html>
<html>
<body>
<p id="intro">Hello World!</p>
<p>This example demonstrates the <b>getElementById</b> method!</p>
<script>
x=document.getElementById("intro");
document.write("<p>The text from the intro paragraph: " + x.innerHTML + "</p>");
</script>
</body>
</html>インスタンスの実行 »
オンライン インスタンスを表示するには、[インスタンスの実行] ボタンをクリックします
HTML DOM オブジェクト - メソッドとプロパティ
一般的に使用される HTML DOM メソッドのいくつか:
getElementById(id) - 指定された ID を持つノード (要素) を取得します
appendChild(node) - 新しい子の挿入ノード (要素)
removeChild(node) - 子ノード (要素) を削除します
よく使用される HTML DOM 属性:
innerHTML - ノード (要素) のテキスト値
parentNode - (要素) の親ノード
childNodes - ノード (要素) の子ノード
attributes - ノード (要素) の属性ノード
これについては、次の章で詳しく説明します。属性に関するチュートリアルの知識。
現実世界のオブジェクト
誰かがオブジェクトです。
人間のメソッドには、eat()、sleep()、work()、play() などがあります。
それらはすべてこれらのメソッドを持っていますが、異なるタイミングで実行されます。
人の属性には、名前、身長、体重、年齢、性別などが含まれます。
人間は皆これらの属性を持っていますが、その価値観は人によって異なります。
一部の DOM オブジェクト メソッド
このチュートリアルで学習する一般的なメソッドをいくつか示します:
| メソッド | Description |
|---|---|
| getElementById() | 指定された ID を持つ要素を返します。 |
| getElementsByTagName() | 指定されたタグ名を持つすべての要素を含むノード リスト (コレクション/ノード配列) を返します。 |
| getElementsByClassName() | 指定されたクラス名を持つすべての要素を含むノードリストを返します。 |
| appendChild() | 指定されたノードに新しい子ノードを追加します。 |
| removeChild() | 子ノードを削除します。 |
| replaceChild() | 子ノードを置き換えます。 |
| insertBefore() | 指定された子ノードの前に新しい子ノードを挿入します。 |
| createAttribute() | 属性ノードを作成します。 |
| createElement() | 要素ノードを作成します。 |
| createTextNode() | テキストノードを作成します。 |
| getAttribute() | 指定された属性値を返します。 |
| setAttribute() | 指定された属性を指定された値に設定または変更します。 |
