DOM

Le DOM (Document Object Model) est le modèle interne du navigateur pour une page Web : chaque titre, paragraphe, image et conteneur devient un nœud dans un arbre que le navigateur construit à partir du HTML de la page.

Les scripts et les feuilles de style fonctionnent en lisant et en modifiant cet arbre. Lorsque JavaScript insère un élément de menu ou que CSS masque un panneau, ils s’adressent tous deux au DOM — et non au fichier HTML d’origine sur le disque. Un DOM volumineux ou profondément imbriqué implique davantage de travail à chaque mise à jour, raison pour laquelle la taille du DOM apparaît dans les analyses de performance.

À partir du DOM, le navigateur construit également l’arbre d’accessibilité : une vue simplifiée utilisée par les technologies d’assistance. Si un élément y est manquant ou mal nommé, un lecteur d’écran ne peut pas le restituer correctement, quelle que soit l’apparence de la page.

Pour aller plus loin

• DOM Standard - la spécification du WHATWG
• Introduction au DOM (MDN) - aperçu pédagogique
• Arbre d’accessibilité