Challenge: Query and Select DOM Elements
Task
You have a shopping list in your HTML, and you need to select specific elements using various DOM querying methods.
- Select by ID: Select the
<h1>
element with the IDtitle
; - Select by Class: Select all elements with the class
item
; - Select by Tag: Select all
<li>
elements; - Select the First Matching Element: Select the first
<li>
element with the classitem
; - Select All Matching Elements: Select all
<li>
elements with the classitem
.
index.html
index.css
index.js
- Use
getElementById
to select the<h1>
element with the IDtitle
; - Use
getElementsByClassName
to select all elements with the classitem
; - Use
getElementsByTagName
to select all<li>
elements; - Use
querySelector
to select the first<li>
element with the classitem
; - Use
querySelectorAll
to select all<li>
elements with the classitem
.
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
Challenge: Query and Select DOM Elements
Svep för att visa menyn
Task
You have a shopping list in your HTML, and you need to select specific elements using various DOM querying methods.
- Select by ID: Select the
<h1>
element with the IDtitle
; - Select by Class: Select all elements with the class
item
; - Select by Tag: Select all
<li>
elements; - Select the First Matching Element: Select the first
<li>
element with the classitem
; - Select All Matching Elements: Select all
<li>
elements with the classitem
.
index.html
index.css
index.js
- Use
getElementById
to select the<h1>
element with the IDtitle
; - Use
getElementsByClassName
to select all elements with the classitem
; - Use
getElementsByTagName
to select all<li>
elements; - Use
querySelector
to select the first<li>
element with the classitem
; - Use
querySelectorAll
to select all<li>
elements with the classitem
.
index.html
index.css
index.js
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 2. Kapitel 3