JavaScript : modifier une page web (DOM, querySelector)

Sélectionner

document.querySelector("#titre");        // par id
document.querySelector(".carte p");      // sélecteur CSS
document.querySelectorAll(".prix");      // tous

Modifier

el.textContent = "Nouveau texte";
el.classList.add("important"); el.classList.toggle("ouvert");
el.setAttribute("href", "/contact");
el.style.color = "green";       // préférer les classes CSS
el.hidden = true;

Créer et supprimer

const li = document.createElement("li");
li.textContent = "Pain";
document.querySelector("ul").append(li);
li.remove();

Sécurité : innerHTML avec une donnée saisie par un utilisateur permet l'injection de script (XSS) ; utilisez textContent. Suite : les événements.