HTML DOMドキュメントgetElementById()
例
指定されたIDの要素を取得します。
document.getElementById("demo");
要素を取得し、その色を変更します。
const myElement = document.getElementById("demo");
myElement.style.color = "red";
または、色を変更するだけです。
document.getElementById("demo").style.color = "red";
定義と使用法
このgetElementById()
メソッドは、指定された値を持つ要素を返します。
要素が存在しない場合、メソッドgetElementById()
は戻ります。null
このgetElementById()
メソッドは、HTMLDOMで最も一般的なメソッドの1つです。HTML要素を読んだり編集したりするほとんどの場合に使用されます。
ノート
すべてのIDは一意である必要がありますが、次のとおりです。
同じIDを持つ要素が2つ以上存在する場合getElementById()
は、最初の要素を返します。
関連項目:
ドキュメントのgetElementsByTagName()メソッド
構文
document.getElementById(elementID)
パラメーター
Parameter | Description |
id | Required. The id value of an element. |
戻り値
タイプ | 説明 |
物体 | 指定されたIDを持つ要素。null 要素が存在しない場合。 |
関連ページ:
CSSチュートリアル:CSS構文
CSSリファレンス:CSS #id Selector
HTML DOMリファレンス:HTML DOMidプロパティ
HTML DOMリファレンス:HTMLDOMスタイルオブジェクト
ブラウザのサポート
document.getElementById()
DOMレベル2(2001)の機能です。
すべてのブラウザで完全にサポートされています。
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |