Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - PAŹDZIERNIK 2016



PYTANIE NR 29.
W języku JavaScript metoda document.getElementById(id) ma za zadanie
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
document.getElementById(id) służy do wyszukania w drzewie DOM elementu o wskazanej wartości atrybutu id i zwraca referencję do tego elementu (obiekt typu Element). Gdy taki element nie istnieje, wynikiem wywołania będzie null. Metoda nie waliduje formularza ani nie wstawia tekstu.

Pełne wyjaśnienie:

Metoda document.getElementById(id) jest podstawowym narzędziem DOM w JavaScript do dostępu do konkretnego elementu strony WWW. Przyjmuje jeden argument: łańcuch znaków będący wartością atrybutu id szukanego elementu.

Poprawna odpowiedź to "zwrócić odniesienie do pierwszego elementu HTML o podanym id.", ponieważ metoda przeszukuje dokument i zwraca referencję (obiekt DOM typu Element) odpowiadającą znalezionemu elementowi. W praktyce id powinno być unikalne w dokumencie, dlatego najczęściej zakłada się, że taki element jest jeden. Jeśli element o podanym id nie istnieje, metoda zwróci null, co warto obsłużyć w kodzie.

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • "sprawdzić poprawność formularza o identyfikatorze id." — sama metoda niczego nie waliduje. Może jedynie zwrócić element (np. formularz), a dopiero potem programista wykonuje walidację (np. sprawdza wartości pól, wyświetla komunikaty, blokuje wysłanie).
  • "pobrać dane z pola formularza i wstawić je do zmiennej id." — getElementById nie pobiera wartości pola. Aby odczytać dane, trzeba najpierw pobrać element, a następnie odczytać np. value (dla input/textarea) lub inną właściwość.
  • "wstawić tekst o treści 'id' na stronie WWW." — metoda nie modyfikuje DOM. Wstawianie tekstu wymaga osobnej operacji, np. ustawienia textContent lub innerHTML na wcześniej pobranym elemencie.

Wskazówka egzaminacyjna: zwracaj uwagę na wielkość liter w nazwach metod (API jest case-sensitive), np. poprawnie jest getElementById, a nie getElementByID.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest document.getElementById w JavaScript?
document.getElementById to metoda DOM, która wyszukuje w dokumencie element o podanej wartości atrybutu id i zwraca referencję do tego elementu (obiekt typu Element). Jeśli element nie istnieje, zwraca null.
Jakie dane zwraca getElementById, gdy nie ma takiego elementu?
Gdy w dokumencie nie ma elementu o wskazanym id, wywołanie document.getElementById(...) zwraca null. Dlatego przed użyciem wyniku warto sprawdzić, czy nie jest to null, aby uniknąć błędu typu "cannot read properties…".
Dlaczego w getElementById ważna jest wielkość liter?
Nazwy metod w JavaScript i DOM są case-sensitive, więc getElementById to poprawna nazwa, a np. getElementByID lub getElementByld to inne (nieistniejące) identyfikatory. Literówka spowoduje błąd w czasie wykonywania.
Jakie id powinien mieć element HTML, żeby getElementById działało poprawnie?
Element musi mieć ustawiony atrybut id, np. id="naglowek". W HTML id powinno być unikalne w całym dokumencie. Jeśli id się powtarza, przeglądarka może zwrócić pierwszy pasujący element, co prowadzi do trudnych błędów.
Jaka jest różnica między getElementById a querySelector?
getElementById wyszukuje tylko po id i zwraca pojedynczy element lub null. querySelector przyjmuje selektor CSS (np. "#id", ".klasa", "div p") i zwraca pierwszy pasujący element. querySelector jest bardziej uniwersalny, ale getElementById bywa prostsze do zadań egzaminacyjnych.
Czy getElementById zwraca zawsze "pierwszy" element?
W praktyce tak się mówi, bo metoda zwraca pojedynczy wynik. Poprawnie zaprojektowany dokument ma unikalne id, więc element powinien być jeden. Jeśli id błędnie się powtórzy, przeglądarka zwykle zwróci pierwszy napotkany element, co jest niepożądane.
Kiedy wywoływać getElementById, żeby element już istniał w DOM?
Wywołuj ją po załadowaniu DOM, np. w obsłudze zdarzenia DOMContentLoaded albo po wczytaniu skryptu na końcu dokumentu (tuż przed zamknięciem body). Zbyt wczesne wywołanie może dać null, bo element nie został jeszcze utworzony.
Jak pobrać wartość pola input po getElementById?
Najpierw pobierz element: const el = document.getElementById("nazwa"), a potem odczytaj właściwość zależną od typu elementu, np. dla input: el.value. Sama metoda nie zwraca wartości pola, tylko referencję do węzła DOM.
Czy getElementById służy do walidacji formularza?
Nie bezpośrednio. getElementById tylko odnajduje element (np. formularz lub pole). Walidację wykonujesz dopiero później: sprawdzasz value, dodajesz komunikaty, ustawiasz klasy CSS, ewentualnie blokujesz wysłanie formularza.
Jakie błędy są najczęstsze przy getElementById na egzaminie?
Najczęściej pojawia się: literówka w nazwie (getElementByld lub getElementByID), użycie nieunikalnych id w HTML, brak sprawdzenia wyniku null oraz mylenie z metodami zwracającymi kolekcje (np. getElementsByClassName). Warto też pamiętać o kolejności ładowania DOM.
info

Statystycznie 79% uczniów zna prawidłową odpowiedź. średnio łatwe

Specjaliści zwracają uwagę: "document.getElementById(id) służy do wyszukania w drzewie DOM elementu o wskazanej wartości atrybutu id i zwraca referencję do tego elementu (obiekt typu Element)."

Źródła:

  • MDN Web Docs: "Document: getElementById() method" https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById (dostęp: 2026-03-13)
  • W3C: "Document Object Model (DOM) Level 2 Core Specification" (definicja interfejsu Document i metod dostępu do elementów) https://www.w3.org/TR/DOM-Level-2-Core/ (dostęp: 2026-03-13)
  • WHATWG: "DOM Living Standard" (sekcja dotycząca Document i wyszukiwania elementów) https://dom.spec.whatwg.org/ (dostęp: 2026-03-13)

Materiały:

  • Dokumentacja MDN: opis document.getElementById i DOM
  • Specyfikacja DOM (Living Standard) dla definicji metod dokumentu
  • Kursy/rozdziały o DOM i selektorach elementów w JavaScript
Zobacz też:

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego