Utfordring: Spørring og Valg av DOM-elementer
Oppgave
Du har en handleliste i HTML-en din, og du skal velge spesifikke elementer ved å bruke ulike metoder for DOM-spørring.
- Velg etter ID: Velg
<h1>
-elementet med ID-entitle
; - Velg etter klasse: Velg alle elementer med klassen
item
; - Velg etter tagg: Velg alle
<li>
-elementer; - Velg det første samsvarende elementet: Velg det første
<li>
-elementet med klassenitem
; - Velg alle samsvarende elementer: Velg alle
<li>
-elementer med klassenitem
.
index.html
index.css
index.js
- Bruk
getElementById
for å velge<h1>
-elementet med ID-entitle
; - Bruk
getElementsByClassName
for å velge alle elementer med klassenitem
; - Bruk
getElementsByTagName
for å velge alle<li>
-elementer; - Bruk
querySelector
for å velge det første<li>
-elementet med klassenitem
; - Bruk
querySelectorAll
for å velge alle<li>
-elementer med klassenitem
.
index.html
index.css
index.js
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 2. Kapittel 3
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Suggested prompts:
Can you show me the HTML structure of the shopping list?
Can you provide example code for each selection method?
Can you explain the difference between querySelector and querySelectorAll?
Awesome!
Completion rate improved to 2.22
Utfordring: Spørring og Valg av DOM-elementer
Sveip for å vise menyen
Oppgave
Du har en handleliste i HTML-en din, og du skal velge spesifikke elementer ved å bruke ulike metoder for DOM-spørring.
- Velg etter ID: Velg
<h1>
-elementet med ID-entitle
; - Velg etter klasse: Velg alle elementer med klassen
item
; - Velg etter tagg: Velg alle
<li>
-elementer; - Velg det første samsvarende elementet: Velg det første
<li>
-elementet med klassenitem
; - Velg alle samsvarende elementer: Velg alle
<li>
-elementer med klassenitem
.
index.html
index.css
index.js
- Bruk
getElementById
for å velge<h1>
-elementet med ID-entitle
; - Bruk
getElementsByClassName
for å velge alle elementer med klassenitem
; - Bruk
getElementsByTagName
for å velge alle<li>
-elementer; - Bruk
querySelector
for å velge det første<li>
-elementet med klassenitem
; - Bruk
querySelectorAll
for å velge alle<li>
-elementer med klassenitem
.
index.html
index.css
index.js
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 2. Kapittel 3