Historique des conversations
Chargement...
Le DOM (Document Object Model) — Correction d'exercices
Voici des propositions de solutions en mode console (via readline()). N’hésite pas à les adapter.
#1 — Sélection par ID
Récupère l'élément HTML ayant l'ID 'monTitre' dans une variable.
Voir le corrigé
const titre = document.getElementById("monTitre");#2 — Modification de texte
Change le texte d'un élément sélectionné pour qu'il affiche 'Nouveau Titre'.
Voir le corrigé
titre.textContent = "Nouveau Titre";#3 — Modification du CSS
Change la couleur de fond d'un élément via JS pour la mettre en rouge.
Voir le corrigé
titre.style.backgroundColor = "red";#4 — Query Selector
Sélectionne le premier paragraphe ayant la classe '.texte-bleu' avec querySelector.
Voir le corrigé
const p = document.querySelector(".texte-bleu");#5 — Création d'élément
Crée une nouvelle balise <li> et ajoute-la à la fin d'une liste (ul).
Voir le corrigé
const nouvelleLigne = document.createElement("li");
nouvelleLigne.textContent = "Nouvel élément";
document.querySelector("ul").appendChild(nouvelleLigne);