Herausforderung: DOM-Elemente Abfragen und Auswählen
Aufgabe
In Ihrem HTML befindet sich eine Einkaufsliste, und Sie sollen bestimmte Elemente mit verschiedenen DOM-Abfragemethoden auswählen.
- Nach ID auswählen: Das
<h1>-Element mit der IDtitleauswählen; - Nach Klasse auswählen: Alle Elemente mit der Klasse
itemauswählen; - Nach Tag auswählen: Alle
<li>-Elemente auswählen; - Erstes passendes Element auswählen: Das erste
<li>-Element mit der Klasseitemauswählen; - Alle passenden Elemente auswählen: Alle
<li>-Elemente mit der Klasseitemauswählen.
index.html
index.css
index.js
getElementByIdverwenden, um das<h1>-Element mit der IDtitleauszuwählen;getElementsByClassNameverwenden, um alle Elemente mit der Klasseitemauszuwählen;getElementsByTagNameverwenden, um alle<li>-Elemente auszuwählen;querySelectorverwenden, um das erste<li>-Element mit der Klasseitemauszuwählen;querySelectorAllverwenden, um alle<li>-Elemente mit der Klasseitemauszuwä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: DOM-Elemente Abfragen und Auswählen
Swipe um das Menü anzuzeigen
Aufgabe
In Ihrem HTML befindet sich eine Einkaufsliste, und Sie sollen bestimmte Elemente mit verschiedenen DOM-Abfragemethoden auswählen.
- Nach ID auswählen: Das
<h1>-Element mit der IDtitleauswählen; - Nach Klasse auswählen: Alle Elemente mit der Klasse
itemauswählen; - Nach Tag auswählen: Alle
<li>-Elemente auswählen; - Erstes passendes Element auswählen: Das erste
<li>-Element mit der Klasseitemauswählen; - Alle passenden Elemente auswählen: Alle
<li>-Elemente mit der Klasseitemauswählen.
index.html
index.css
index.js
getElementByIdverwenden, um das<h1>-Element mit der IDtitleauszuwählen;getElementsByClassNameverwenden, um alle Elemente mit der Klasseitemauszuwählen;getElementsByTagNameverwenden, um alle<li>-Elemente auszuwählen;querySelectorverwenden, um das erste<li>-Element mit der Klasseitemauszuwählen;querySelectorAllverwenden, um alle<li>-Elemente mit der Klasseitemauszuwählen.
index.html
index.css
index.js
War alles klar?
Danke für Ihr Feedback!
Abschnitt 2. Kapitel 3