JavaScriptでdocument.getElementById()を使用する方法

getElementById()メソッドは、文書内の要素のID属性を使用して要素を取得します。

この手法を用いた文法は以下のとおりです。

var element = document.getElementById(id);

element で取得した要素オブジェクト、id は取得する要素の id 属性値。

「myElement」という id 属性を持つ要素がある場合、次のコードを使用して取得できます。

var element = document.getElementById("myElement");

取得した要素オブジェクトは、要素のスタイルの変更やイベントリスナーの追加などのさらなる操作に使用できます。