getElementById() メソッド
document.getElementById()
getElementById() メソッドは、該当する id をもつ Element オブジェクト(要素)を取得する Document インターフェイスのメソッドです。
id 名は一意であることが前提です。もし同じ id 名のエレメントがあった場合は最初に見つかったオブジェクトを返します。
var element_ = document.getElementById("id");
詳しくは Example を参照してください
引数の id 名は大文字と小文字を区別します。
このメソッドは Document オブジェクトでのみに使用できます。 Element インターフェイスにはこのメソッドはありませんので、element.getElementById() は利用できません。
特定の id ではなくセレクターでインスタンスを取得する querySelector()メソッドが利用できます。
ページ内 Index
- ad -
Syntax
in JavaScript
返り値は Element インスタンスです。id 名は一意であることが前提ですので複数あった場合は最初に見つかったオブジェクトを返します。
Element = document.getElementById("id");
引数(Parameter Values)
Value | 摘要 |
---|---|
id | 大文字と小文字を区別 |
返り値(Return Values)
Type | 摘要 |
---|---|
Element | Element オブジェクト。複数あった場合は最初に見つかったオブジェクトを返す |
Example
- ad -
関連メソッド
似た機能をもつメソッドに以下があります。
- getElementsByClassName()
- クラス名が引数。Documentインターフェイス、Elementインターフェイスのメソッド。
- getElementsByName()
- name値が引数。Documentインターフェイス、Elementインターフェイスのメソッド。
- getElementsByTagName()
- エレメント名が引数。Documentインターフェイス、Elementインターフェイスのメソッド。
- getElementsByTagNameNS()
- エレメント名と名前空間が引数。Documentインターフェイス、Elementインターフェイスのメソッド。
- querySelector()
- セレクターを引数にして該当するエレメントを取得。Documentインターフェイス、Elementインターフェイスのメソッド。
- querySelectorAll()
- セレクターを引数にして該当するエレメントのリストを取得。Documentインターフェイス、Elementインターフェイスのメソッド。
- ad -