Herausforderung: Abfragen des DOM
Aufgabe
Sie haben eine Einkaufsliste in Ihrem HTML und müssen bestimmte Elemente mit verschiedenen DOM-Abfragemethoden auswählen.
- Nach ID auswählen: Wählen Sie das
<h1>
-Element mit der IDtitle
aus; - Nach Klasse auswählen: Wählen Sie alle Elemente mit der Klasse
item
aus; - Nach Tag auswählen: Wählen Sie alle
<li>
-Elemente aus; - Das erste übereinstimmende Element auswählen: Wählen Sie das erste
<li>
-Element mit der Klasseitem
aus; - Alle übereinstimmenden Elemente auswählen: Wählen Sie alle
<li>
-Elemente mit der Klasseitem
aus.
index.html
index.css
index.js
- Verwenden Sie
getElementById
, um das<h1>
-Element mit der IDtitle
auszuwählen; - Verwenden Sie
getElementsByClassName
, um alle Elemente mit der Klasseitem
auszuwählen; - Verwenden Sie
getElementsByTagName
, um alle<li>
-Elemente auszuwählen; - Verwenden Sie
querySelector
, um das erste<li>
-Element mit der Klasseitem
auszuwählen; - Verwenden Sie
querySelectorAll
, um alle<li>
-Elemente mit der Klasseitem
auszuwählen.
index.html
index.css
index.js
War alles klar?
Danke für Ihr Feedback!
Abschnitt 2. Kapitel 3
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Awesome!
Completion rate improved to 2.22
Herausforderung: Abfragen des DOM
Swipe um das Menü anzuzeigen
Aufgabe
Sie haben eine Einkaufsliste in Ihrem HTML und müssen bestimmte Elemente mit verschiedenen DOM-Abfragemethoden auswählen.
- Nach ID auswählen: Wählen Sie das
<h1>
-Element mit der IDtitle
aus; - Nach Klasse auswählen: Wählen Sie alle Elemente mit der Klasse
item
aus; - Nach Tag auswählen: Wählen Sie alle
<li>
-Elemente aus; - Das erste übereinstimmende Element auswählen: Wählen Sie das erste
<li>
-Element mit der Klasseitem
aus; - Alle übereinstimmenden Elemente auswählen: Wählen Sie alle
<li>
-Elemente mit der Klasseitem
aus.
index.html
index.css
index.js
- Verwenden Sie
getElementById
, um das<h1>
-Element mit der IDtitle
auszuwählen; - Verwenden Sie
getElementsByClassName
, um alle Elemente mit der Klasseitem
auszuwählen; - Verwenden Sie
getElementsByTagName
, um alle<li>
-Elemente auszuwählen; - Verwenden Sie
querySelector
, um das erste<li>
-Element mit der Klasseitem
auszuwählen; - Verwenden Sie
querySelectorAll
, um alle<li>
-Elemente mit der Klasseitem
auszuwählen.
index.html
index.css
index.js
War alles klar?
Danke für Ihr Feedback!
Abschnitt 2. Kapitel 3