Introduction

1. Définition de DOM

DOM (modèle objet de document ou Document Object Model) est le modèle d’accès aux différentes composantes des documents HTML ou encore XML.

Par son intermédiaire, vous disposerez d’une description structurée du script HTML et DOM fournit aussi le mode d’accès aux éléments constitutifs du modèle.

En tant que développeur, ce sera un allié précieux pour accéder à ces éléments et les manipuler depuis un langage de programmation (JavaScript par exemple mais pas seulement).

DOM va être pour nous un schéma d’accès pour atteindre les constituants (formulaire, champ...) d’une page web balisée.

Ce modèle fournit une hiérarchie de programmation agençant les propriétés, les méthodes, les événements.

L’étude et la bonne compréhension du modèle DOM sont bien évidemment indispensables pour pouvoir utiliser au mieux les principales bibliothèques JavaScript (librairies), comme Prototype, jQuery, MooTools...

Le modèle DOM est un arbre constitué d’objets Node (nœuds). Il s’agit d’une structure arborescente avec un nœud de type racine et des nœuds enfants. Dans notre exemple ci-après...