Utmaning: Fråga och Välj DOM-element
Uppgift
Du har en inköpslista i din HTML och behöver välja specifika element med olika DOM-frågemetoder.
- Välj efter ID: Välj
<h1>-elementet med IDtitle; - Välj efter klass: Välj alla element med klassen
item; - Välj efter tagg: Välj alla
<li>-element; - Välj det första matchande elementet: Välj det första
<li>-elementet med klassenitem; - Välj alla matchande element: Välj alla
<li>-element med klassenitem.
index.html
index.css
index.js
- Använd
getElementByIdför att välja<h1>-elementet med IDtitle; - Använd
getElementsByClassNameför att välja alla element med klassenitem; - Använd
getElementsByTagNameför att välja alla<li>-element; - Använd
querySelectorför att välja det första<li>-elementet med klassenitem; - Använd
querySelectorAllför att välja alla<li>-element med klassenitem.
index.html
index.css
index.js
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 2. Kapitel 3
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Awesome!
Completion rate improved to 2.22
Utmaning: Fråga och Välj DOM-element
Svep för att visa menyn
Uppgift
Du har en inköpslista i din HTML och behöver välja specifika element med olika DOM-frågemetoder.
- Välj efter ID: Välj
<h1>-elementet med IDtitle; - Välj efter klass: Välj alla element med klassen
item; - Välj efter tagg: Välj alla
<li>-element; - Välj det första matchande elementet: Välj det första
<li>-elementet med klassenitem; - Välj alla matchande element: Välj alla
<li>-element med klassenitem.
index.html
index.css
index.js
- Använd
getElementByIdför att välja<h1>-elementet med IDtitle; - Använd
getElementsByClassNameför att välja alla element med klassenitem; - Använd
getElementsByTagNameför att välja alla<li>-element; - Använd
querySelectorför att välja det första<li>-elementet med klassenitem; - Använd
querySelectorAllför att välja alla<li>-element med klassenitem.
index.html
index.css
index.js
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 2. Kapitel 3