Easy-Micro

LANGAGE JavaScript
JavaScript DOM

Le Document Object Model JavaScript

Avant sa standardisation par le W3C, chaque navigateur web disposait de son propre DOM (le DOM Level 0).

Web 3.0 Cours Javascript DOM level 1 (publié en 1998)
La brique de base (appelé Core) définie, de manière précise, la représentation d'un document sous la forme d'un arbre. Chaque élément (balise HTML) y forme un nœud.

Cours Javascript DOM level 2 (publié en 2000 et 2003)
- DOM level 2 Core : représentation de l'arbre du document (+ fonction getElementById())
- DOM Events : événements associés à la manipulation de l'arbre
- DOM Traversal and Range : parcours de l'arbre et manipulations de parties contiguës
- DOM HTML : manipulation de documents HTML
- DOM Views : specifie l'accés et la mise à jour de la représentation d'un document.
- DOM Style : manipulation du style d'un document ou d'une feuille de style.

Cours Javascript DOM level 3 (publié en 2004 et 2006)
- DOM level 3 Core : nouvelles fonctionnalités (enregistrer un document XML).
- DOM Load and Save : contrôle des opérations de chargement et sauvegarde.
- DOM Validation : maintien de la validité du document après modification
- DOM Requirements : Cette partie est encore à l'état de projet de travail (working draft)
- DOM XPath : utilisation d'expressions XPath (adressage) pour accéder à l'arbre.

DOM, qui est utilisé pour pouvoir modifier facilement des documents XML ou accéder au contenu des pages web, doit mémoriser l'intégralité d'un document avant de pouvoir effectuer un traitement. Dans les cas ne nécessitant pas de manipuler les documents XML, mais juste de les lire, la méthode SAX (Simple API for XML) peut également être choisie car elle traite les éléments de façon successive sans charger le document en mémoire. Elle s'impose quand la taille du document excède la capacité de la mémoire.

De nouvelles applications web qui utilisent le DOM ont vu le jour récemment comme la méthode AJAX qui s'articule essentiellement autour de JavaScript et d'un objet en particulier: l'objet XMLHttpRequest.


- Voir, dans l'Espace Membre Easy-Micro, comment manipuler le DOM!


< Page précédente JAVASCRIPT Page suivante >