Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - TEST WIEDZY NR 4



PYTANIE NR 38.
Rozważ następujący fragment kodu JavaScript: 
let element = document.getElementById('myElement');
element.innerText = 'Hello, World!';
Co zostanie wykonane przez powyższy kod?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Kod pobiera element o identyfikatorze myElement przez document.getElementById, a następnie przypisuje do jego właściwości innerText wartość 'Hello, World!'. To powoduje ustawienie (nadpisanie) widocznej treści tekstowej tego elementu, a nie dopisanie do istniejącej.

Pełne wyjaśnienie:

Fragment JavaScript wykonuje dwie kluczowe operacje na drzewie DOM:

  • Wyszukanie elementu przez document.getElementById('myElement'). Funkcja zwraca referencję do elementu o podanym atrybucie id (lub null, jeśli taki element nie istnieje).
  • Ustawienie treści tekstowej poprzez przypisanie do element.innerText napisu 'Hello, World!'. Przypisanie działa jak "ustaw", czyli zastępuje bieżącą zawartość tekstową elementu nową wartością.

Poprawna interpretacja to zatem: tekst w elemencie o id myElement zostanie ustawiony na Hello, World! (czyli dotychczasowy tekst zostanie nadpisany). To nie jest operacja "dopisz", ponieważ nie ma tu użycia konkatenacji (np. +=) ani odczytu poprzedniej wartości.

Odpowiedź "Dodaje tekst 'Hello, World!'…" jest błędna, bo dodawanie wymagałoby np. element.innerText += 'Hello, World!' albo złożenia nowego łańcucha z poprzednim tekstem.

Odpowiedź o konsoli jest błędna, ponieważ do wypisywania służy console.log(...). Ten kod nie wywołuje żadnej funkcji konsoli.

Odpowiedź o alercie jest błędna, bo do okna dialogowego potrzebne jest wywołanie alert('Hello, World!'), którego tutaj nie ma.

Wskazówka egzaminacyjna: jeśli w kodzie widzisz przypisanie do właściwości elementu (np. innerText, textContent, value), najczęściej oznacza to zmianę stanu elementu na stronie, a nie komunikat w konsoli lub oknie dialogowym.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co robi document.getElementById w JavaScript?
document.getElementById wyszukuje w DOM element o podanym id i zwraca referencję do niego. Jeśli element nie istnieje, zwróci null. To podstawowa metoda do pracy z konkretnym elementem strony.
Jak działa przypisanie do innerText?
Przypisanie do innerText ustawia widoczną treść tekstową elementu. Gdy wykonasz element.innerText = 'tekst', to dotychczasowa treść tekstowa zostaje nadpisana nową wartością (to nie jest automatyczne dopisywanie).
Dlaczego ten kod nie wypisuje nic w konsoli?
W konsoli pojawia się tekst dopiero po użyciu console.log(...) (lub podobnych metod konsoli). Samo ustawienie innerText zmienia zawartość elementu w DOM, ale nie generuje logu w narzędziach deweloperskich.
Czy ten kod może wyświetlić alert w przeglądarce?
Nie. Alert wymaga jawnego wywołania alert('...'). Kod, który tylko wyszukuje element i ustawia jego innerText, zmienia stronę, ale nie otwiera okien dialogowych ani nie blokuje interfejsu.
Jak dopisać tekst do elementu zamiast go zastąpić?
Aby dopisać, zwykle używa się konkatenacji, np. element.innerText += 'Hello, World!'. Ważne jest, że najpierw odczytujesz dotychczasową wartość, a potem dopiero dołączasz nową. Sam operator = nadpisuje treść.
Jaka jest różnica między innerText a textContent?
textContent zwraca/ustawia tekst "surowo" w DOM, a innerText jest bardziej związane z tym, co faktycznie jest renderowane (np. może pomijać ukryty tekst). Na egzaminie ważne jest, że oba służą do treści tekstowej, nie do HTML.
Co się stanie, jeśli element o id myElement nie istnieje?
document.getElementById('myElement') zwróci null. Wtedy próba wykonania element.innerText = ... spowoduje błąd (bo nie da się ustawić właściwości na null). W praktyce dodaje się sprawdzenie istnienia elementu.
Gdzie najczęściej używa się innerText w aplikacjach webowych?
Najczęściej do dynamicznej aktualizacji komunikatów na stronie: statusów, wyników walidacji, liczników, nagłówków sekcji lub podsumowań danych. To prosta technika manipulacji DOM bez przeładowania strony.
Jak sprawdzić na egzaminie, czy kod zmienia DOM czy tylko loguje?
Szukaj słów-kluczy: zmiana DOM to zwykle przypisania do właściwości elementów (np. innerText, value) lub metody modyfikujące węzły. Logowanie to wywołania typu console.log. Alerty to alert lub podobne dialogi.
Czy innerText ustawia HTML czy tylko tekst?
innerText ustawia tekst, więc znaki typu <b> będą traktowane jako zwykłe znaki, a nie jako tagi HTML. Do wstawiania HTML używa się zwykle innerHTML, ale to inny mechanizm i wymaga ostrożności.
info

To pytanie poprawnie rozwiązuje 59% zdających egzamin. średnie

Specjaliści zwracają uwagę: "Kod pobiera element o identyfikatorze myElement przez document.getElementById, a następnie przypisuje do jego właściwości innerText wartość 'Hello, World!'."

Źródła:

  • MDN Web Docs: Document.getElementById() — https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById (dostęp: 2026-03-01)
  • MDN Web Docs: HTMLElement.innerText — https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/innerText (dostęp: 2026-03-01)
  • MDN Web Docs: console.log() — https://developer.mozilla.org/en-US/docs/Web/API/console/log (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja MDN: praca z DOM i wyszukiwanie elementów
  • Ćwiczenia: manipulacja właściwościami textContent/innerText w prostych stronach
  • Materiały o różnicach innerText vs textContent vs innerHTML
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego