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.