Modifier le DOM

Une fois que tu as ton élément (dans une variable), tu peux tout changer.

const titre = document.querySelector("h1");

Changer le Texte

• innerText : Le texte visible.
• innerHTML : Le HTML interne (Attention aux failles XSS !).

titre.innerText = "Nouveau Titre !";

Changer le Style (CSS)

C'est dans .style. Les propriétés CSS qui ont des tirets (background-color) deviennent camelCase (backgroundColor).

titre.style.color = "red";
titre.style.fontSize = "50px"; // Note le "px" en string

Changer les Classes (Le mieux)

Au lieu de toucher au style direct, on ajoute/enlève des classes CSS.

titre.classList.add("gros-titre");
titre.classList.remove("cache");
titre.classList.toggle("actif"); // Ajoute si absent, enlève si présent

Changer les Attributs

const img = document.querySelector("img");
img.src = "nouveau.jpg";
img.setAttribute("alt", "Ma nouvelle image");