JavaScript オブジェクト

JavaScript リファレンスマニュアル

getElementById()メソッドは、要素のid属性を基に要素ノードオブジェクトを取得できます。このメソッドはすべてのブラウザで使用できます。

指定された要素IDが存在する場合、それらはユニークでなければならないため、特定の要素に迅速にアクセスする効果的な方法です。

IDを持たない要素にアクセスする必要がある場合は、querySelector()どのような方法であれ選択子この要素を検索します。

document.getElementById(ID)

例

document.getElementById('para');

すべてのブラウザでgetElementById()メソッドは完全にサポートされています：

メソッド
getElementById()	は	は	は	は	は

パラメータ	説明
ID	定位する要素のIDです。IDは大文字小文字を区別し、ドキュメント内で一意です。特定のIDを持つ要素は1つのみです。

返り値：	指定されたIDと一致するDOM要素オブジェクトのElementオブジェクト；ドキュメント内に一致する要素が見つからない場合、null。
DOMバージョン：	DOM 2階

id="para"の要素を取得し、その色を変更する：

例

document.getElementById('para').style.color　=　"blue";

id="para"の要素を取得し、そのフォントサイズを変更する：

例

document.getElementById('para').style.fontSize　=　"3em";