KWALIFIKACJA INF3 - STYCZEŃ 2024 (test 2)

PYTANIE NR 9.
Podczas działania skryptu JavaScript został w konsoli wygenerowany błąd związany z działaniami na atrybucie elementu DOM. Z komunikatu wynika, że próbowano ustawić atrybut dla
Ilustracja przedstawia zrzut ekranu z konsoli przeglądarki internetowej, która pokazuje błąd wygenerowany podczas działania
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawna jest odpowiedź "obrazu.", ponieważ błędy dotyczące ustawiania atrybutów w DOM często wskazują konkretny typ elementu (np. graficzny) i odnoszą się do atrybutów charakterystycznych dla obrazów.
Pozostałe odpowiedzi to inne elementy HTML, które mają inną typową listę atrybutów i inne konteksty błędów.

Pełne wyjaśnienie:

Pytanie sprawdza umiejętność interpretacji komunikatów błędów JavaScript generowanych podczas manipulacji DOM. W praktyce, gdy skrypt próbuje ustawić atrybut, a w komunikacie błędu pojawia się informacja sugerująca element graficzny (np. odniesienie do atrybutów typowych dla obrazów), wnioskujemy, że operacja dotyczyła właśnie obrazu.

Odpowiedź "obrazu." jest właściwa, bo element obrazu w HTML ma charakterystyczne atrybuty (np. związane ze źródłem grafiki i tekstem alternatywnym) i w wielu zadaniach egzaminacyjnych to właśnie na nim pokazuje się typowe przypadki ustawiania atrybutów przez skrypt.

Dlaczego pozostałe odpowiedzi są błędne?

  • "tabeli." – tabela ma inną strukturę (wiersze, komórki) i typowe problemy częściej dotyczą błędnego budowania struktury lub stylowania, a nie atrybutów kojarzonych z elementem graficznym.
  • "paragrafu." – akapit jest elementem tekstowym; w zadaniach związanych z atrybutami częściej spotyka się modyfikację treści lub klas CSS, a nie atrybutów kojarzonych z obrazami.
  • "odnośnika." – link ma atrybuty nawigacyjne (np. adres docelowy). Jeśli błąd dotyczył atrybutu charakterystycznego dla obrazów, odnośnik nie pasuje do opisu.

Wskazówka egzaminacyjna: zawsze czytaj w komunikacie błędu nazwę/typ elementu lub atrybutu, a następnie powiąż go z konkretnym tagiem HTML. To pozwala szybko wybrać właściwy element, nawet jeśli reszta kodu nie jest podana wprost.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Atrybut elementu DOM to informacja zapisana w znaczniku HTML (np. identyfikator, adres zasobu), którą można odczytać lub ustawić w JS. Zwykle modyfikuje się go metodami typu setAttribute lub przez właściwości obiektu elementu.
W komunikacie szukaj nazwy atrybutu, typu obiektu (np. elementu HTML) albo fragmentu stosu wywołań. Następnie sprawdź, jaki element zwrócił selektor i czy nie jest null oraz czy odpowiada oczekiwanemu tagowi.
Najczęściej dlatego, że skrypt nie znalazł elementu (zwrócono null), element jest innego typu niż zakładano, albo atrybut/właściwość nie istnieje dla danego elementu. Czasem błąd wynika też z uruchomienia kodu przed załadowaniem DOM.
Dla obrazu typowe są m.in. atrybuty wskazujące źródło grafiki i opis alternatywny. W praktyce w JS często ustawia się je dynamicznie (np. przy zmianie zdjęcia w galerii). To pomaga rozpoznać, że błąd dotyczy elementu obrazu.
Tak, tabela również ma atrybuty, ale typowe modyfikacje dotyczą częściej struktury (wiersze/komórki) i klas CSS. Jeśli błąd wskazuje na atrybut charakterystyczny dla grafiki, to tabela jest mało prawdopodobnym celem operacji.
Taki błąd pojawia się, gdy selektor (np. querySelector) nie znajduje elementu i zwraca null, a potem kod próbuje na nim ustawić atrybut lub właściwość. Rozwiązaniem jest poprawa selektora lub uruchomienie kodu po załadowaniu DOM.
Możesz wypisać wynik selektora w konsoli (np. zmienną z elementem) i obejrzeć go w podglądzie. Dodatkowo warto użyć zakładki Elements/Inspector i wyszukać element po identyfikatorze lub klasie, aby potwierdzić, że istnieje w dokumencie.
Atrybut to zapis w HTML, a właściwość to pole obiektu w JS reprezentującego element. Często są powiązane, ale nie zawsze 1:1. W praktyce część danych wygodniej ustawia się jako właściwości, a część przez atrybuty, zależnie od API i potrzeb.
Bo wszystkie są elementami HTML i można na nich wykonywać podobne operacje (np. klasy CSS). Studenci czasem wybierają odpowiedź "na oko", bez powiązania komunikatu błędu z konkretnym atrybutem typowym dla danego elementu.
Ćwicz czytanie komunikatów błędów i łączenie ich z kodem: selektor → wynik (element lub null) → operacja (atrybut/właściwość). Rób krótkie testy w przeglądarce, analizuj stack trace i ucz się typowych atrybutów dla popularnych elementów.
info

Około 42% zdających odpowiada poprawnie na to pytanie. trudne

Źródła:

  • MDN Web Docs: Element.setAttribute() — https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute (dostęp: 2026-02-27)
  • MDN Web Docs: HTMLImageElement — https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement (dostęp: 2026-02-27)
  • MDN Web Docs: Document Object Model (DOM) — https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model (dostęp: 2026-02-27)

Materiały:

  • MDN Web Docs: dokumentacja DOM i atrybutów elementów
  • MDN Web Docs: praca z konsolą i debugowaniem w przeglądarkach
  • Materiały szkolne z zakresu JavaScript i manipulacji DOM dla poziomu technikum

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego