DébutantNon commencé
Exercice 6.1 · 6 min · 0 tentative
Sélectionner un élément
Objectif
Apprendre à sélectionner des éléments HTML avec querySelector.
Contexte
En JavaScript, querySelector permet de cibler un élément HTML :
// Sélectionner par id
const titre = document.querySelector("#titre")
// Sélectionner par classe
const intro = document.querySelector(".intro")
// Sélectionner par balise
const bouton = document.querySelector("button")
Sélecteurs CSS
| Syntaxe | Cible |
|---|---|
#id | Élément avec cet id |
.classe | Premier élément avec cette classe |
balise | Premier élément de ce type |
Consigne
- Sélectionne l'élément avec l'id "titre" →
#titre - Sélectionne l'élément avec la classe "intro" →
.intro - Affiche leur contenu avec
console.log()
Résultat attendu :
- La console affiche "Bienvenue" puis "Ceci est l'introduction"
Objectifs
- Utiliser querySelector
- Sélectionner par id avec #titre
- Sélectionner par classe avec .intro
- Élément #titre existe
- Élément .intro existe
Lisez bien les instructions et lancez-vous !
Indices (0/3)
Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé