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