Document Object Model Core

Le Document Object Model

Introduction

Le Document Object Model ou DOM est une norme du W3C. Le DOM a été conçu pour être indépendant de tout langage de programmation et de toute plate-forme.
Dans le cas du web, le Document Object Model va permettre d'accéder au contenu de votre page web et de manipuler ce dernier a travers le Javascript.

Il existe à ce jour 2 versions finalisées du Document Object Model :
- DOM level 1 (Core + HTML) est daté du 1er octobre 1998,
- DOM level 2 (Core + Events + Style + Views + Traversal and range) daté 13 novembre 2000, et HTML janvier 2003

Informations

Infos

Pour le moment, le DOM CORE est intégré il reste à faire les exemples.
La première partie, va consister à lier les objets aux balises HTML et XHTML et à spécifier les Méthodes et Attributs des Objets.
La seconde partie, va consister à faire les cours en mélangeant DOM CORE et Dom HTML. Je pense pas avant la fin de l'année.

Notions et termes

La structure du DOM

Le DOM (Document Object Model) fournit une représentation structurée du document :
Il représente un document comme une hiérarchie de noeud, cette dernière est appelée arbre.
Chaque noeud peut implémenter à son tour des interfaces (je parle d'objet dans les cours) plus spécialisées. Certains types de noeud peuvent avoir des noeud enfants de plusieurs types, n'ont aucun noeud-enfant.

Info

Voici quelques notions du modèle de structure de DOM pour comprendre les cours qui suivent.
Le DOM présente les documents sous la forme d'une hiérarchie d'objets Node (noeuds).
Exemple de code :
<balise>
  <sbalise>
    <ssbalise>
    </ssbalise>
  </sbalise>
  <sbalise>
  </sbalise>
</balise>

L'arbe : l'arbre représente l'ensemble de la structure du XML.
L'élément : c'est une balise par exemple "balise" ou "sbalise"
Le fils : "balise" à pour fils "sbalise"
Le parent : "ssbalise" à pour parent "sbalise"
"sbalise" à pour parent "balise"

Les cours

Cours

Le DOM (Document Object Model) codifie la manière dont un script peut accéder à la représentation structurée du document (dans le cas du HTML c'est la javascript).
Pour simplifier, ce chapitre est un cours plus poussé sur le Javascript.

Nous nous baserons sur la version du Document Object Model level 1 et 2.