JavaScript HTML DOM
Avec le DOM HTML, JavaScript peut accéder et modifier tous les éléments d'un document HTML.
Le DOM HTML (Document Object Model)
Lorsqu'une page Web est chargée, le navigateur crée un modèle d' objet de document de la page.
Le modèle HTML DOM est construit comme un arbre d' Objets :
L'arborescence d'objets HTML DOM
Avec le modèle objet, JavaScript obtient toute la puissance dont il a besoin pour créer du HTML dynamique :
- JavaScript peut modifier tous les éléments HTML de la page
- JavaScript peut modifier tous les attributs HTML de la page
- JavaScript peut modifier tous les styles CSS de la page
- JavaScript peut supprimer des éléments et des attributs HTML existants
- JavaScript peut ajouter de nouveaux éléments et attributs HTML
- JavaScript peut réagir à tous les événements HTML existants dans la page
- JavaScript peut créer de nouveaux événements HTML dans la page
Ce que vous apprendrez
Dans les prochains chapitres de ce tutoriel, vous apprendrez :
- Comment changer le contenu des éléments HTML
- Comment changer le style (CSS) des éléments HTML
- Comment réagir aux événements HTML DOM
- Comment ajouter et supprimer des éléments HTML
Qu'est-ce que le DOM ?
Le DOM est une norme W3C (World Wide Web Consortium).
Le DOM définit un standard d'accès aux documents :
"Le modèle d'objet de document (DOM) du W3C est une interface indépendante de la plate-forme et de la langue qui permet aux programmes et aux scripts d'accéder et de mettre à jour dynamiquement le contenu, la structure et le style d'un document."
La norme W3C DOM est séparée en 3 parties différentes :
- Core DOM - modèle standard pour tous les types de documents
- XML DOM - modèle standard pour les documents XML
- HTML DOM - modèle standard pour les documents HTML
Qu'est-ce que le DOM HTML ?
Le DOM HTML est un modèle d' objet standard et une interface de programmation pour HTML. Il définit :
- Les éléments HTML en tant qu'objets
- Les propriétés de tous les éléments HTML
- Les méthodes pour accéder à tous les éléments HTML
- Les événements pour tous les éléments HTML
En d'autres termes : le DOM HTML est une norme sur la manière d'obtenir, de modifier, d'ajouter ou de supprimer des éléments HTML.