Le DOM ( Document Object Model ) est une API qui expose les éléments de documents HTML et XML en tant qu'objets de langage de programmation. La structure du DOM pour n'importe quel document ressemble à la structure réelle du balisage du document. Un développeur Web peut manipuler par programme le DOM pour modifier une page Web, avant ou pendant son affichage par l'utilisateur.

Le langage de programmation le plus couramment utilisé dans le DOM est JavaScript, qui est utilisé sur la plupart des sites Web. L'utilisation de JavaScript permet d'apporter des modifications dynamiques au DOM, notamment le masquage, le déplacement et l'animation de certains éléments HTML (tels que du texte, des tableaux, des images et des divisions entières).

Dans le passé, les DOM présentaient des différences fondamentales entre les navigateurs, mais ils sont aujourd'hui beaucoup plus normalisés, ce qui permet aux développeurs de réaliser plus facilement des scripts inter-navigateurs.

Un exemple de DOM utilisant HTML

Considérez le document HTML suivant:

 Exemple 
Ceci est un exemple de page.

Le DOM de ce document inclut tous les éléments et tous les nœuds de texte de ces éléments. Le code de l'exemple précédent crée une hiérarchie d'objets, comme indiqué ci-dessous.

Pour chaque élément situé sous la racine du document (), il existe un nœud d'élément. Ces nœuds d'élément ont des nœuds de texte contenant le texte contenu dans l'élément. S'il y avait un élément avec des attributs, un nœud d'attribut serait créé pour cet élément et tout texte pour l'attribut créerait un nœud de texte sous ce nœud d'attribut.

Termes Internet, Termes de programmation