DOM (Document Object Model)

Le DOM, ou Document Object Model en anglais, est une représentation en arbre de la structure d'une page Web que le navigateur construit automatiquement en mémoire quand tu charges un site. Chaque élément de ta page — un titre, un paragraphe, une image, un bouton — devient un « nœud » dans cet arbre. Le navigateur relie ces nœuds entre eux comme les branches d'un arbre généalogique : le nœud « body » est le parent de tous les éléments visibles, et chaque balise HTML a des enfants ou des frères. Ce qui rend le DOM puissant, c'est que tu peux le manipuler en temps réel avec du JavaScript pour changer le contenu, le style ou même la structure de la page sans avoir à la recharger entièrement. Par exemple, quand tu ajoutes un article à ton panier d'achat et que le compteur se met à jour instantanément, c'est le JavaScript qui modifie le DOM. Le DOM est un standard officiel du World Wide Web Consortium (W3C), ce qui signifie qu'il fonctionne de la même manière dans tous les navigateurs modernes. Sans le DOM, les pages Web seraient des documents statiques, impossibles à animer ou à rendre interactives.