DébutantNon commencé
Exercice 7.2 · 5 min · 0 tentative
Modifier le contenu
🎯 Objectif
Modifier le texte d'un élément HTML avec textContent.
📖 Contexte
La propriété textContent permet de lire et modifier le texte :
const titre = document.querySelector("h1")
// Lire le contenu
console.log(titre.textContent) // "Ancien titre"
// Modifier le contenu
titre.textContent = "Nouveau titre"
Lecture vs Écriture
// Lecture (récupérer la valeur)
let valeur = element.textContent
// Écriture (modifier la valeur)
element.textContent = "Nouvelle valeur"
textContent vs innerText
| Propriété | Comportement |
|---|---|
textContent | Récupère tout le texte (même caché) |
innerText | Récupère le texte visible uniquement |
Conseil : textContent est plus rapide et plus fiable. Utilise-le par défaut !
📝 Consigne
Modifie le textContent du titre avec la valeur "Nouveau contenu".
Résultat attendu :
- Le titre change de "Texte original" à "Nouveau contenu"
- La console affiche "Avant : Texte original" puis "Après : Nouveau contenu"
Objectifs
- Modifier textContent
- Assigner 'Nouveau contenu'
- Élément #titre existe
Lis bien les instructions et lance-toi !
Indices (0/3)
Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé