Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Utfordring: Spørring og Valg av DOM-elementer | DOM-Manipulering for Interaktiv Webutvikling
Avansert JavaScript-mestring

bookUtfordring: 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.

  1. Velg etter ID: Velg <h1>-elementet med ID-en title;
  2. Velg etter klasse: Velg alle elementer med klassen item;
  3. Velg etter tagg: Velg alle <li>-elementer;
  4. Velg det første samsvarende elementet: Velg det første <li>-elementet med klassen item;
  5. Velg alle samsvarende elementer: Velg alle <li>-elementer med klassen item.
index.html

index.html

index.css

index.css

index.js

index.js

copy
  • Bruk getElementById for å velge <h1>-elementet med ID-en title;
  • Bruk getElementsByClassName for å velge alle elementer med klassen item;
  • Bruk getElementsByTagName for å velge alle <li>-elementer;
  • Bruk querySelector for å velge det første <li>-elementet med klassen item;
  • Bruk querySelectorAll for å velge alle <li>-elementer med klassen item.
index.html

index.html

index.css

index.css

index.js

index.js

copy

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 3

Spør AI

expand

Spør AI

ChatGPT

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

bookUtfordring: 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.

  1. Velg etter ID: Velg <h1>-elementet med ID-en title;
  2. Velg etter klasse: Velg alle elementer med klassen item;
  3. Velg etter tagg: Velg alle <li>-elementer;
  4. Velg det første samsvarende elementet: Velg det første <li>-elementet med klassen item;
  5. Velg alle samsvarende elementer: Velg alle <li>-elementer med klassen item.
index.html

index.html

index.css

index.css

index.js

index.js

copy
  • Bruk getElementById for å velge <h1>-elementet med ID-en title;
  • Bruk getElementsByClassName for å velge alle elementer med klassen item;
  • Bruk getElementsByTagName for å velge alle <li>-elementer;
  • Bruk querySelector for å velge det første <li>-elementet med klassen item;
  • Bruk querySelectorAll for å velge alle <li>-elementer med klassen item.
index.html

index.html

index.css

index.css

index.js

index.js

copy

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 3
some-alt