特定のID名から要素を取得

特定のID名(ID属性の値)を持つ要素を取得するには、document.getElementByIdメソッドを使用します。

構文

第一引数 id name id属性値(id名)
戻り値 element 存在する場合は要素(オブジェクト)を返し、存在しない場合はnullを返す

サンプルコード

なお、オブジェクトをinnerHTMLやinnerTextで出力すると以下のような結果になります。
(例としてdiv要素にID属性を付け、getElementByIdで出力した結果です)

ブラウザ・デバイス 結果
Firefox [object HTMLDivElement]
Chrome [object HTMLDivElement]
Safari [object HTMLDivElement]
Safari(iPad) [object HTMLDivElement]
IE11 [object HTMLDivElement]
IE10 [object HTMLDivElement]
IE9 [object HTMLDivElement]
IE8 [object HTMLDivElement]
IE7 [object]
IE6 [object]
Opera12 [object HTMLDivElement]
Opera23 [object HTMLDivElement]

JavaScript逆引きリファレンス一覧へ戻る