もっと"Try it Yourself"以下の例。
定義と使用法
getElementById()メソッドを持つ要素を返しID指定された値を持つ属性を。
このメソッドは、HTML DOMの中で最も一般的な方法の一つであり、あなたが操作する、またはドキュメントの要素から情報を取得したいほぼすべての時間を使用しています。
指定されたIDとは要素が存在しない場合はnullを返します。
IDは、ページ内で一意でなければなりません。 指定されたIDを持つ複数の要素が存在する場合は、 getElementById()メソッドは、ソースコードの最初の要素を返します。
ブラウザのサポート
表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。
| 方法 | |||||
|---|---|---|---|---|---|
| getElementById() | はい | はい | はい | はい | はい |
構文
document.getElementById( elementID )パラメータ値
| パラメーター | タイプ | 説明 |
|---|---|---|
| elementID | String | 必須。 ID取得したい要素の属性の値 |
技術的な詳細
| DOMバージョン： | コアレベル2ドキュメントオブジェクト |
|---|---|
| 戻り値： | 指定されたIDを持つ要素を表す要素オブジェクト、。 指定されたIDとは要素が存在しない場合はnullを返します。 |
その他の例
例
ID =「デモ」を持つ要素を取得し、その色を変更します。
var x = document.getElementById("demo"); // Get the element with
id="demo"
x.style.color = "red";
// Change the color of the element »それを自分で試してみてください 関連ページ
CSSチュートリアル： CSSセレクタ
CSSリファレンス： CSSセレクタを#ID
HTML DOMリファレンス： HTML DOM id Property
HTML DOMリファレンス： HTML DOMスタイルオブジェクト