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 consiter à faire les cours en mélangeant DOM CORE et Dom HTML. Je pense pas avant la fin de l'année.

Notions et termes

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.