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

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

構文

var element = document.getElementById(id name);

引数

引数名 説明
第一引数
必須
id name string id属性の値(id名)

戻り値

存在する場合は要素(オブジェクト)を返し、存在しない場合はnullを返します。

サンプルコード

JavaScript

var sampleElem = document.getElementById('sample');

alert(sampleElem.outerHTML);

なお、オブジェクトを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逆引きリファレンス一覧へ戻る