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 une arborescence que le navigateur construit à partir du HTML de la page.

Les scripts et les styles fonctionnent en lisant et en modifiant cette arborescence. Quand JavaScript insère un élément de menu ou que CSS masque un panneau, ils interagissent tous deux avec le DOM — et non avec le fichier HTML original sur le disque. Un DOM volumineux ou très imbriqué exige plus de travail à chaque mise à jour, c’est pourquoi la taille du DOM apparaît dans les analyses de performance.

À partir du DOM, le navigateur construit aussi 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 pourra pas le présenter correctement, peu importe l’apparence de la page.

En savoir plus

• Norme DOM — la spécification du WHATWG
• Introduction au DOM (MDN) — aperçu accessible
• Arbre d’accessibilité