Défi : Interroger et Sélectionner des Éléments du DOM
Tâche
Vous disposez d'une liste de courses dans votre HTML et vous devez sélectionner des éléments spécifiques en utilisant différentes méthodes de requête du DOM.
- Sélection par ID : Sélectionner l’élément
<h1>
avec l’IDtitle
; - Sélection par classe : Sélectionner tous les éléments avec la classe
item
; - Sélection par balise : Sélectionner tous les éléments
<li>
; - Sélection du premier élément correspondant : Sélectionner le premier élément
<li>
avec la classeitem
; - Sélection de tous les éléments correspondants : Sélectionner tous les éléments
<li>
avec la classeitem
.
index.html
index.css
index.js
- Utiliser
getElementById
pour sélectionner l’élément<h1>
avec l’IDtitle
; - Utiliser
getElementsByClassName
pour sélectionner tous les éléments avec la classeitem
; - Utiliser
getElementsByTagName
pour sélectionner tous les éléments<li>
; - Utiliser
querySelector
pour sélectionner le premier élément<li>
avec la classeitem
; - Utiliser
querySelectorAll
pour sélectionner tous les éléments<li>
avec la classeitem
.
index.html
index.css
index.js
Tout était clair ?
Merci pour vos commentaires !
Section 2. Chapitre 3
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Awesome!
Completion rate improved to 2.22
Défi : Interroger et Sélectionner des Éléments du DOM
Glissez pour afficher le menu
Tâche
Vous disposez d'une liste de courses dans votre HTML et vous devez sélectionner des éléments spécifiques en utilisant différentes méthodes de requête du DOM.
- Sélection par ID : Sélectionner l’élément
<h1>
avec l’IDtitle
; - Sélection par classe : Sélectionner tous les éléments avec la classe
item
; - Sélection par balise : Sélectionner tous les éléments
<li>
; - Sélection du premier élément correspondant : Sélectionner le premier élément
<li>
avec la classeitem
; - Sélection de tous les éléments correspondants : Sélectionner tous les éléments
<li>
avec la classeitem
.
index.html
index.css
index.js
- Utiliser
getElementById
pour sélectionner l’élément<h1>
avec l’IDtitle
; - Utiliser
getElementsByClassName
pour sélectionner tous les éléments avec la classeitem
; - Utiliser
getElementsByTagName
pour sélectionner tous les éléments<li>
; - Utiliser
querySelector
pour sélectionner le premier élément<li>
avec la classeitem
; - Utiliser
querySelectorAll
pour sélectionner tous les éléments<li>
avec la classeitem
.
index.html
index.css
index.js
Tout était clair ?
Merci pour vos commentaires !
Section 2. Chapitre 3