Référence du DOM

Le Document Object Model ou DOM (pour modèle objet de document) est une interface de programmation pour les documents HTML, XML et SVG. Il fournit une représentation structurée du document sous forme d'un arbre et définit la façon dont la structure peut être manipulée par les programmes, en termes de style et de contenu. Le DOM représente le document comme un ensemble de nœuds et d'objets possédant des propriétés et des méthodes. Les nœuds peuvent également avoir des gestionnaires d'événements qui se déclenchent lorsqu'un événement se produit. Cela permet de manipuler des pages web grâce à des scripts et/ou des langages de programmation. Les nœuds peuvent être associés à des gestionnaires d'événements. Une fois qu'un événement est déclenché, les gestionnaires d'événements sont exécutés.

Pour mieux comprendre le fonctionnement du DOM, une introduction est disponible.

Le DOM a été simplifié au cours du temps. Pour cette raison, les interfaces qui suivent, présentes dans la spécification du DOM de niveau 3 ou des niveaux antérieurs, ont été supprimées. Bien qu'il ne soit pas certain qu'elles ne soient pas réintroduites, elles doivent être considérées comme obsolètes et il faut éviter de les utiliser :

Un document contenant du HTML est décrit grâce à l'interface HTMLDocument. On notera que la spécification HTML étend également l'interface Document.

Un objet HTMLDocument donne également accès à différentes fonctionnalités liées au navigateur comme l'onglet ou la fenêtre dans laquelle la page est dessinée, notamment grâce à l'interface Window. On peut accéder à la mise en forme de la page via window.style (généralement le CSS associé au document), à l'historique de navigation relatif au contexte via window.history et enfin à la sélection faite dans le document via Selection.

Voici l'API du DOM pour les types de donnée utilisés pour les propriétés et attributs SVG.

Interfaces statiques

Interfaces animées

• Exemples appliqués pour le DOM