MINT üben

Das DOM: Elemente ändern

Zwei Textaufgaben mit Hinweisen und Erwartungshorizont — eine Anzeigetafel steuern und teure Preise markieren.

Dein Fortschritt:
0 / 0 Aufgaben
1

Die Anzeigetafel

AFB I–II

Für ein Schulturnier gibt es diese Anzeigetafel:

<h1 id="spiel">7a – 7b</h1>
<p id="stand">0 : 0</p>
<p class="info">Halbzeit 1</p>
const stand = document.getElementById("stand");
stand.textContent = "1 : 0";
document.querySelector(".info").textContent = "Halbzeit 2";
stand.style.color = "green";
  1. Beschreibe den DOM-Baum des Ausschnitts (Elternelement: body).
  2. Gib an, was nach dem Programm auf der Tafel zu sehen ist.
  3. Erläutere den Unterschied zwischen getElementById("stand") und querySelector("#stand").

Hinweise

Hinweis zu Aufgabe a)
Alle drei Elemente sind Geschwister.
Hinweis zu Aufgabe b)
Gehe die vier Zeilen nacheinander durch.
Hinweis zu Aufgabe c)
Beide finden dasselbe Element — worin unterscheidet sich die Schreibweise?