HTML DOM メソッドは、(HTML要素で)実行できるアクションです。
HTML DOM プロパティは、設定または変更できる(HTML 要素の)値です。
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 はププロパティです。
HTML 要素にアクセスする最も一般的な方法は、要素の id を使用することです。
上の例では、getElementById メソッドは要素を探すために id="demo" を使用しました。
要素のコンテンツを取得する最も簡単な方法は、innerHTML プロパティを使用することです。
innerHTML プロパティは、HTML 要素のコンテンツを取得したり置換するのに便利です。
innerHTML プロパティは、<html> や <body> を含む全ての HTML 要素を取得または変更するのに使用できます。