document.getElementById() w JavaScript
Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
document.getElementById() to metoda DOM służąca do pobrania z dokumentu HTML elementu o podanym identyfikatorze id.
Składnia
document.getElementById("identyfikator")
Metoda przeszukuje aktualny dokument HTML i zwraca element, którego atrybut id ma wskazaną wartość. Jeżeli taki element nie istnieje, zwracana jest wartość null.
Przykład
HTML:
<p id="napis"></p>
JavaScript:
document.getElementById("napis").innerHTML = "Witaj";
Kod odszukuje element o id="napis" i wpisuje do niego tekst Witaj.
Zastosowanie
getElementById() jest często używane do:
- zmiany treści elementów strony,
- odczytu wartości pól formularza,
- zmiany stylów CSS elementu,
- reagowania na działania użytkownika.
Ważne na egzaminie
W kodzie:
document.getElementById("napis")
nie jest tworzony nowy element. JavaScript tylko wyszukuje istniejący element HTML o identyfikatorze napis.