Le DOM (Document Object Model) est une représentation en mémoire de la structure HTML d'une page. JavaScript permet de lire, modifier, ajouter ou supprimer des éléments du DOM pour rendre les pages interactives.
1. Sélection d’éléments
let titre = document.getElementById("titre");
let boutons = document.querySelectorAll(".btn");2. Modification du contenu
titre.textContent = "Nouveau Titre";
titre.innerHTML = "<strong>Important</strong>";3. Changement de style
titre.style.color = "red";
titre.style.fontSize = "24px";4. Création et ajout d’éléments
let paragraphe = document.createElement("p");
paragraphe.textContent = "Ceci est un nouveau paragraphe.";
document.body.appendChild(paragraphe);5. Suppression d’un élément
let element = document.getElementById("àSupprimer");
element.remove();