English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Modèle d'objet de document, généralement appeléDOM, une partie importante qui rend le site web interactif.
Modèle d'objet de documentreprésentant le document HTML affiché dans une fenêtre.
C'est une interface qui permet à JavaScript de gérer le contenu, la structure et le style du site web.
Après le chargement de la page web, le navigateur crée leModèle d'objet de document.
HTML DOMl'arbre construit par le modèleObjets.
L'exemple suivant explique ce qu'est le DOM :
<html> <head> <title>Example</title> </head> <h1>Page d'exemple</h1> <p>Ceci est une page d'exemple</p> </html>
La représentation DOM du code suivant est la suivante :
HTML DOM est la norme HTMLObjetsModèles etInterface de programmation. Il définit :
Les éléments HTML en tant queObjets
de tous les éléments HTMLAttributs
d'accès à tous les éléments HTMLMéthodes
de tous les éléments HTMLÉvénements
En d'autres termes :HTML DOM est la norme pour obtenir, modifier, ajouter ou supprimer des éléments HTML.
Par le biais du modèle d'objet, JavaScript obtient toutes les fonctionnalités nécessaires 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
Dans le prochain chapitre de ce tutoriel, vous apprendrez :
Comment trouver des éléments HTML
Comment modifier le contenu des éléments HTML
Comment ajouter et supprimer des éléments HTML
Comment modifier le style des éléments HTML (CSS)
Comment ajouter et supprimer des attributs HTML
Comment naviguer dans l'arbre DOM