Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Utmaning: Fråga och Välj DOM-element | DOM-manipulation för Interaktiv Webbapplikationsutveckling
Avancerad JavaScript-mästerskap

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

  1. Välj efter ID: Välj <h1>-elementet med ID title;
  2. Välj efter klass: Välj alla element med klassen item;
  3. Välj efter tagg: Välj alla <li>-element;
  4. Välj det första matchande elementet: Välj det första <li>-elementet med klassen item;
  5. Välj alla matchande element: Välj alla <li>-element med klassen item.
index.html

index.html

index.css

index.css

index.js

index.js

copy
  • Använd getElementById för att välja <h1>-elementet med ID title;
  • Använd getElementsByClassName för att välja alla element med klassen item;
  • Använd getElementsByTagName för att välja alla <li>-element;
  • Använd querySelector för att välja det första <li>-elementet med klassen item;
  • Använd querySelectorAll för att välja alla <li>-element med klassen item.
index.html

index.html

index.css

index.css

index.js

index.js

copy

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 3

Fråga AI

expand

Fråga AI

ChatGPT

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

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

  1. Välj efter ID: Välj <h1>-elementet med ID title;
  2. Välj efter klass: Välj alla element med klassen item;
  3. Välj efter tagg: Välj alla <li>-element;
  4. Välj det första matchande elementet: Välj det första <li>-elementet med klassen item;
  5. Välj alla matchande element: Välj alla <li>-element med klassen item.
index.html

index.html

index.css

index.css

index.js

index.js

copy
  • Använd getElementById för att välja <h1>-elementet med ID title;
  • Använd getElementsByClassName för att välja alla element med klassen item;
  • Använd getElementsByTagName för att välja alla <li>-element;
  • Använd querySelector för att välja det första <li>-elementet med klassen item;
  • Använd querySelectorAll för att välja alla <li>-element med klassen item.
index.html

index.html

index.css

index.css

index.js

index.js

copy

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 3
some-alt