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
A. tabeli.
B. odnośnika.
C. obrazu.
D. paragrafu.
Pytanie z egzaminu CKE, styczeń 2024 (arkusz EE.09-SG-24.01).
Poprawna odpowiedź to obrazu. W komunikacie błędu istotne są dwa elementy: nazwa właściwości src oraz typ HTMLImageElement. W DOM element obrazu, czyli znacznik img, jest reprezentowany właśnie jako HTMLImageElement, a jego źródło pliku graficznego ustawia się przez właściwość albo atrybut src, np. element.src = 'foto.jpg' lub element.setAttribute('src', 'foto.jpg'). Błąd typu Cannot set property 'src' of null oznacza, że skrypt próbował wykonać tę operację na wyniku o wartości null, czyli nie miał poprawnie znalezionego obiektu elementu. W praktyce najczęściej sprawdza się wtedy selektor, identyfikator elementu oraz moment uruchomienia skryptu, ponieważ kod wykonany przed załadowaniem DOM może nie odnaleźć obrazu.
Komunikat z konsoli trzeba czytać po nazwach obiektu i właściwości, a nie tylko po ogólnym stwierdzeniu, że chodzi o atrybut elementu DOM. Tabela w DOM byłaby reprezentowana jako element tabelaryczny, zwykle HTMLTableElement, a operacje dotyczyłyby na przykład wierszy, komórek, obramowania opisanego stylem CSS lub atrybutów identyfikujących. Paragraf to element tekstowy, dla którego typowe są właściwości textContent, innerText, className albo style. Odnośnik najczęściej rozpoznaje się po atrybucie href, bo wskazuje adres docelowy łącza. Poprawna odpowiedź to obrazu, ponieważ komunikat wskazuje właściwość src oraz typ HTMLImageElement. Źródło src określa plik wyświetlany przez obraz, więc zmiana tej właściwości podmienia grafikę na stronie. Typowy błąd myślowy polega na skojarzeniu słowa „atrybut” z dowolnym znacznikiem HTML, bez sprawdzenia konkretnej nazwy atrybutu i typu elementu podanego w błędzie.