document.getElementById() ID で要素を取得
最終更新：2026-10-13
document.getElementById() ID で要素を取得
getElementById は id 属性でページ内の唯一の要素を取得します。DOM 操作の最も基本的なメソッドです。
| カテゴリ | DOM操作 |
|---|
⚙️ 引数
| id |
|---|
戻り値：マッチした要素または null。
元の値を変更するか：いいえ（新しい値を返す）
▶ 例
コードを編集して「実行」を押すと、出力パネルに結果が表示されます。
💡 ヒント
ℹ️ info
🌐 ブラウザ対応
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| document.getElementById() | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべてのモダンブラウザで対応 | |||||
🏷️ 関連する DOM メソッド
💡 関連するケース
さらに多くのケースは近日公開予定です。
📚 関連チュートリアル
❓ よくある質問
QgetElementById と querySelector の違いは？
Aid だけなら getElementById が高速です。querySelector は任意の CSS セレクタに対応します。
Qnull の場合は？
Aif (el) で確認するか、オプショナルチェイニングを使います。
Q複数の要素を取得できますか？
Aいいえ — 複数の要素には querySelectorAll を使います。
