Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Interroger et Sélectionner des Éléments du DOM | Manipulation du DOM pour le Développement Web Interactif
Maîtrise Avancée de JavaScript

bookDé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.

  1. Sélection par ID : Sélectionner l’élément <h1> avec l’ID title ;
  2. Sélection par classe : Sélectionner tous les éléments avec la classe item ;
  3. Sélection par balise : Sélectionner tous les éléments <li> ;
  4. Sélection du premier élément correspondant : Sélectionner le premier élément <li> avec la classe item ;
  5. Sélection de tous les éléments correspondants : Sélectionner tous les éléments <li> avec la classe item.
index.html

index.html

index.css

index.css

index.js

index.js

copy
  • Utiliser getElementById pour sélectionner l’élément <h1> avec l’ID title ;
  • Utiliser getElementsByClassName pour sélectionner tous les éléments avec la classe item ;
  • Utiliser getElementsByTagName pour sélectionner tous les éléments <li> ;
  • Utiliser querySelector pour sélectionner le premier élément <li> avec la classe item ;
  • Utiliser querySelectorAll pour sélectionner tous les éléments <li> avec la classe item.
index.html

index.html

index.css

index.css

index.js

index.js

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 3

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

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

bookDé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.

  1. Sélection par ID : Sélectionner l’élément <h1> avec l’ID title ;
  2. Sélection par classe : Sélectionner tous les éléments avec la classe item ;
  3. Sélection par balise : Sélectionner tous les éléments <li> ;
  4. Sélection du premier élément correspondant : Sélectionner le premier élément <li> avec la classe item ;
  5. Sélection de tous les éléments correspondants : Sélectionner tous les éléments <li> avec la classe item.
index.html

index.html

index.css

index.css

index.js

index.js

copy
  • Utiliser getElementById pour sélectionner l’élément <h1> avec l’ID title ;
  • Utiliser getElementsByClassName pour sélectionner tous les éléments avec la classe item ;
  • Utiliser getElementsByTagName pour sélectionner tous les éléments <li> ;
  • Utiliser querySelector pour sélectionner le premier élément <li> avec la classe item ;
  • Utiliser querySelectorAll pour sélectionner tous les éléments <li> avec la classe item.
index.html

index.html

index.css

index.css

index.js

index.js

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 3
some-alt