JavaScript - HTML DOM メソッド

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

HTML DOM属性は、設定または変更できるHTML要素の属性です。

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

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属性

getElementById メソッド

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

上記の例では、getElementById メソッドを使用して、id="demo"で要素を検索します。

innerHTML 属性

要素の内容を取得する最も簡単な方法は、 innerHTML 属性。

innerHTML 属性は、HTML 要素の内容を取得または置き換えるために使用されます。

innerHTML 属性は、HTML 要素の取得または変更に使用され、以下を含むすべての要素に適用できます。 <html> および <body>