JavaScript : rendre le Web interactif (école d'ingénieur) · Chapitre 7 · Application directe du cours
Texte ou HTML
Le DOM : lire et modifier la page · niveau 1 (application)
Énoncé
La page contient <p id="p">Prix : <b>32</b> €</p>. Qu'affiche ce script ?
const p = document.querySelector("#p");
console.log(p.textContent);
console.log(p.innerHTML);
p.querySelector("b").textContent = "28";
console.log(p.textContent);
p.textContent += " (soldé)";
console.log(p.innerHTML, p.children.length);
p.innerHTML = "<b>Épuisé</b>";
console.log(p.textContent, p.children.length);Corrigé
Prix : 32 €
Prix : <b>32</b> €
Prix : 28 €
Prix : 28 € (soldé) 0
Épuisé 1Modifier le <b> change le texte du paragraphe. Mais p.textContent += " (soldé)" lit le texte (sans balises), lui ajoute la chaîne, et remplace tout le contenu par ce texte : le <b> a disparu, il n'y a plus d'enfant élément. Enfin, innerHTML analyse la chaîne et recrée un <b>. (Cette chaîne est écrite par le programmeur : aucun risque d'injection.)
100 % gratuit
La suite du chapitre est sur Adloun
- 10 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.