Зміст курсу
Advanced JavaScript Mastery
Advanced JavaScript Mastery
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
Дякуємо за ваш відгук!