Avec le DOM HTML, JavaScript peut accéder et modifier tous les éléments d'un document HTML.
Le DOM HTML (Document Object Modèle)
Quand une page Web est chargée, le navigateur crée un modèle objet de document de la page.
Le modèle DOM HTML est construit comme un arbre d'objets:
Le code HTML DOM Arbre d'objets
Avec le modèle objet, JavaScript obtient toute la puissance dont il a besoin pour créer HTML dynamique:
- JavaScript peut changer tous les éléments HTML dans la page
- JavaScript peut changer tous les attributs HTML dans la page
- JavaScript peut changer tous les styles CSS dans la page
- JavaScript peut supprimer des éléments et 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 modifier le contenu des éléments HTML
- Comment changer le style (CSS) des éléments HTML
- Comment réagir aux événements DOM HTML
- Comment ajouter et supprimer des éléments HTML
Quel est le DOM?
Le DOM est un W3C (Wide Web Consortium mondial) standard.
Le DOM définit une norme pour l'accès aux documents:
"Le modèle objetdedocument W3C (DOM) est une interface de plate-forme etunlangage neutre qui permetauxprogrammes etauxscripts d'accéder dynamiquement et mettreàjour le contenu,lastructure etlestyle d'un document."
La norme DOM W3C est séparé en 3 parties différentes:
- DOM de base - 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
Quel est le DOM HTML?
Le code HTML DOM est une interface de modèle et la programmation objet standard pour HTML. Elle définit:
- Les éléments HTML comme desobjets
- Lespropriétés de tous les éléments HTML
- Lesméthodes pour accéder à tous les éléments HTML
- Les événements pour tous les éléments HTML
En d' autres termes:Le code HTML DOM est une norme pour la façon d'obtenir, modifier, ajouter ou supprimerdeséléments HTML.