`document.getElementById` în JavaScript

Găsește elementul din pagină cu un anumit id; cea mai rapidă căutare în DOM.

Sintaxă

document.getElementById(id)

Ce face `document.getElementById`

getElementById returnează elementul al cărui atribut id este exact textul dat, fără # în față. Dacă nu există, returnează null.

Este echivalent cu document.querySelector("#id"), dar mai rapid și fără probleme cu id-urile care încep cu cifră sau conțin caractere speciale. Metoda există doar pe document, nu pe elemente.

Parametri

Parametru	Descriere
`id`	Valoarea atributului `id`, fără `#`.

Ce returnează

Elementul găsit sau null.

Exemple

Exemplul 1: Citirea și modificarea unui element

<p id="mesaj">Se încarcă...</p>

<script>
  const mesaj = document.getElementById("mesaj");
  console.log(mesaj.textContent);
  mesaj.textContent = "Gata!";
  console.log(document.getElementById("inexistent"));
</script>

Rezultat în browser

Se încarcă...
null

Exemplul 2: Id care începe cu cifră

<section id="2026-program">...</section>

<script>
  console.log(document.getElementById("2026-program").tagName);
  try {
    document.querySelector("#2026-program");
  } catch (e) {
    console.log(e.name);
  }
</script>