Document.getElementById()
document.getElementById(id)
Zwraca element o podanym id albo null. To najszybszy sposób, żeby znaleźć konkretny element.
Przykład pracuje z kodem HTML nad kodem JavaScript. Element wypisany przez console.log pojawia się jako jego znacznik otwierający.
Parametry
- id – wartość atrybutu
idbez znaku#.
Wartość zwracana
Element albo null.
Przykłady
<form id="contact"><input id="email" type="email" value="jana@example.pl"></form>
const email = document.getElementById('email');
console.log(email, email.value);
console.log(document.getElementById('#email'), document.getElementById('signup'));
console.log(document.getElementById('email') === document.querySelector('#email'));
Wynik:
<input id="email" type="email" value="jana@example.pl"> jana@example.pl null null true
Na co uważać
- Pisze się ją bez
#–getElementById('#email')szuka id „#email” i zwracanull. - Istnieje tylko na
document, nie na poszczególnych elementach (tam użyj querySelector()). - Id powinno być na stronie unikalne; przy duplikatach metoda zwraca pierwszy element.
Obsługa w przeglądarkach
Baseline – szeroko dostępne: działa we wszystkich popularnych przeglądarkach, i to od dawna (najpóźniej od 2015 roku). Od wersji: Chrome 1, Firefox 1, Safari 1; brak w Node.js (API przeglądarki). Stan: październik 2026 (MDN browser-compat-data).