Pomiń nawigację
Ćwiczenie · Informatyka Ćwiczenie: Pobranie elementu przez getElementById

Pobranie elementu przez getElementById

Treść zadania

W dokumencie HTML znajduje się akapit <p id="komunikat">Stary tekst</p>. Pobierz ten element za pomocą metody document.getElementById() i przypisz do właściwości textContent nowy tekst: Witaj w świecie DOM!.

Co będzie oceniane

  • Pobranie elementu o id komunikat za pomocą getElementById.
  • Użycie właściwości textContent do zmiany treści.
  • Ustawienie tekstu 'Witaj w świecie DOM!'.
  • Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

  1. Zmiana tekstu akapitu #komunikat — tekst #komunikat = Witaj w świecie DOM!

Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.

// Pobierz akapit #komunikat i zmień jego tekst przez textContent

Wskazówki

Wskazówka 1

Do wyszukania pojedynczego elementu na podstawie jego unikalnego identyfikatora służy metoda document.getElementById(), która przyjmuje nazwę id w cudzysłowie (bez znaku kratki).

Wskazówka 2

Zapisz pobrany element w stałej, a następnie przypisz wymagany łańcuch znaków do jego właściwości textContent.