dom
Définition
Le DOM (Document Object Model) est une interface de programmation qui représente la structure d'un document HTML ou XML sous forme d'une arborescence d'objets. Chaque élément de la page web (titres, paragraphes, images, boutons, etc.) devient un "nœud" dans cet arbre. Cette représentation permet aux langages de programmation, comme JavaScript, d'interagir avec la page : lire son contenu, le modifier, ajouter ou supprimer des éléments, et réagir aux actions de l'utilisateur (comme un clic). Le DOM agit donc comme un pont entre le code de la page (le HTML statique) et le code qui la rend interactive. Il est standardisé par le W3C, ce qui garantit que les navigateurs (Chrome, Firefox, etc.) l'interprètent de manière similaire. Comprendre le DOM est essentiel pour créer des sites web dynamiques et interactifs.
Définition simple
Le DOM est une représentation d'une page web que l'ordinateur comprend. C'est comme un arbre généalogique des éléments de la page (textes, images). Grâce à lui, on peut utiliser du code pour changer la page sans la recharger.
✏️Exemples d'utilisation
- •"document.getElementById('monTitre').textContent = 'Bonjour !'; // Modifie le texte d'un titre dans le DOM."
- •"L'outil "Inspecteur" des navigateurs affiche et permet de manipuler le DOM en direct."
- •"Quand on clique sur un bouton "like", c'est JavaScript qui, via le DOM, change l'icône et incrémente le compteur."
💡À retenir
Il est important de ne pas confondre le DOM avec le code source HTML. Le HTML est le fichier texte initial chargé par le navigateur. Le DOM est la version "vivante" et modifiable de ce HTML, créée par le navigateur en mémoire. Toute modification via JavaScript se fait sur le DOM, et le navigateur met ensuite à jour l'affichage à l'écran en conséquence. C'est ce mécanisme qui permet les animations, les formulaires interactifs et les mises à jour de contenu en temps réel.
