特定の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] |