Principes du DOM

Définition

Le DOM ( Document Object Model) est un standard W3C qui décrit une API orientée objet permettant de représenter un document XML ou HTML en mémoire afin de la manipuler avec un langage de programmation.

Le standard DOM est indépendant d'un langage de programmation en particulier, et implémenté dans de nombreux langages (JavaScript, Java, PHP, C, ...).

« The Document Object Model is a platform- and language-neutral interface that will allow programs and scripts to dynamically access and update the content, structure and style of documents. »

http://www.w3.org/DOM/

Fonctions du DOM

L'API DOM permet de :

  • Parcourir un arbre XML ou HTML

  • Rechercher des nœuds particuliers, en consulter le contenu

  • Créer, ajouter, supprimer, déplacer des nœuds dans l'arbre

Exemple

L'API DOM implémentée en JavaScript permet de manipuler un document HTML ou XHTML, afin d'en modifier dynamiquement (en fonction des actions utilisateurs), la structure et le contenu :

  • Faire apparaître ou disparaître des éléments div en fonction d'une action utilisateur

  • Créer ou initialiser des contrôles de formulaire

  • ...

1
function fDisplay(pDivId) {
2
  var vDiv = document.getElementById(pDivId);
3
  vDiv.style.display="block";
4
}