JavaScript - HTML DOM メソッド

❮ 前章へ 次章へ ❯

HTML DOM メソッドは、(HTML要素で)実行できるアクションです。

HTML DOM プロパティは、設定または変更できる(HTML 要素の)です。


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

HTML DOM には、JavaScript(および他のプログラミング言語)を使用してアクセスできます。

DOM では、すべての HTML 要素がオブジェクトとして定義されています。

プログラミング・インターフェイスは、各オブジェクトのプロパティとメソッドです。

プロパティは、取得または設定できる値です(HTML 要素のコンテンツを変更するなど)。

メソッドは、実行できるアクションです(HTML 要素の追加や削除など)。


次の例では、id="demo" の <p> 要素のコンテンツ(innerHTML)を変更します:

<html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>

</body>
</html>
Try it Yourself »

上の例では、getElementById はメソッドですが、innerHTML はププロパティです。


getElementById メソッド

HTML 要素にアクセスする最も一般的な方法は、要素の id を使用することです。

上の例では、getElementById メソッドは要素を探すために id="demo" を使用しました。


innerHTML プロパティ

要素のコンテンツを取得する最も簡単な方法は、innerHTML プロパティを使用することです。

innerHTML プロパティは、HTML 要素のコンテンツを取得したり置換するのに便利です。

innerHTML プロパティは、<html> や <body> を含む全ての HTML 要素を取得または変更するのに使用できます。


❮ 前章へ 次章へ ❯