HTML DOM メソッドは、(HTML 要素に対して) 実行できる アクション です。
HTML DOM プロパティは、設定または変更できる HTML 要素の値です。
HTML DOM は、JavaScript (および他のプログラミング言語) を介してアクセスできます。
DOM では、すべての HTML 要素が オブジェクト として定義されます。
プログラミング インターフェイスは、各オブジェクトのプロパティとメソッドです。
属性は、取得または設定できる値です (HTML 要素のコンテンツの変更など)。
メソッドは、実行できるアクションです (HTML 要素の追加や削除など)。
次の例では、id="demo" の <p> 要素のコンテンツを変更します:
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
上記の例では、getElementById が メソッド で、innerHTML が プロパティ です。
HTML 要素にアクセスする最も一般的な方法は、要素の ID を使用することです。
上記の例では、getElementById メソッドは id="demo" を使用して要素を見つけます。
要素のコンテンツを取得する最も簡単な方法は、innerHTML 属性を使用することです。
innerHTML 属性を使用して、HTML 要素のコンテンツを取得または置換できます。
innerHTML 属性を使用して、<html> や <body> などの HTML 要素を取得または変更できます。