Aufgabe

Sie haben eine Einkaufsliste in Ihrem HTML und müssen bestimmte Elemente mit verschiedenen DOM-Abfragemethoden auswählen.

1. Nach ID auswählen: Wählen Sie das <h1>-Element mit der ID title aus;

2. Nach Klasse auswählen: Wählen Sie alle Elemente mit der Klasse item aus;

3. Nach Tag auswählen: Wählen Sie alle <li>-Elemente aus;

4. Das erste übereinstimmende Element auswählen: Wählen Sie das erste <li>-Element mit der Klasse item aus;

5. Alle übereinstimmenden Elemente auswählen: Wählen Sie alle <li>-Elemente mit der Klasse item aus.

• Verwenden Sie getElementById, um das <h1>-Element mit der ID title auszuwählen;

• Verwenden Sie getElementsByClassName, um alle Elemente mit der Klasse item auszuwählen;

• Verwenden Sie getElementsByTagName, um alle <li>-Elemente auszuwählen;

• Verwenden Sie querySelector, um das erste <li>-Element mit der Klasse item auszuwählen;

• Verwenden Sie querySelectorAll, um alle <li>-Elemente mit der Klasse item auszuwählen.