DOM

Le DOM (Document Object Model) est une interface de programmation qui représente un document HTML ou XML comme un arbre d'objets que les scripts peuvent modifier.

Structure du DOM :

• Document : Nœud racine
• Éléments : Balises HTML (div, p, h1, etc.)
• Attributs : Propriétés des éléments (class, id, src)
• Texte : Contenu textuel des éléments

Manipulation avec JavaScript :

// Sélection d'éléments
document.getElementById("mon-id")
document.querySelector(".ma-classe")

// Modification du contenu
element.innerHTML = "Nouveau contenu"
element.textContent = "Texte simple"

// Ajout d'éléments
element.appendChild(nouvelElement)

Événements DOM :

Le DOM permet aussi de gérer les interactions utilisateur via les événements (click, scroll, submit, etc.).