Le premier "DOM"
HTML
Le HTML (HyperText Markup Language) est apparu dans les années
1980.
A cette époque,un document HTML simple se présente sous la forme d'un fichier texte
dans lequel sont inclues des balises (MARKUPS) grâce auxquelles les navigateurs peuvent
afficher le texte avec la même mise en forme ou la même mise en page quelque soit la plate-forme de
l'utilisateur
Mais ces balises sont prédéfinies et statiques, ce qui fait que la page, une fois
affichée, n'est plus modifiable.
JAVASCRIPT
Très vite, l'idée de percevoir une page HTML comme un ensemble d'éléments
hiérarchisés fait son chemin.
Ces éléments sont alors désignés sous le nom d'objets ( comme dans les langages
de programmation tels que le C ou C++).
Netscape est le premier à implémenter ce concept d'objets, en 1995,
dans son navigateur "Navigator 2.0", en parallèle
avec la création du langage JavaScript.
A l'époque, Netscape qualifiait ce concept de "
hiérarchie d'instances d'objets".
Voici toute première hiérarchie d'objets de JavaScript :
Ce premier DOM était donc un ensemble d'éléments dans lesquels JavaScript
établissait des relations hiérarchiques.
>Seuls les éléments pouvant être sélectionnés y figuraient..
Ce modèle ne permettait pas
d'accéder aux titres ni aux blocs de texte.
En comparaison du DOM actuel de Microsoft Internet Explorer, cela relève de
la préhistoire !
D'ailleurs, dès la sortie de la version 3.0 de son navigateur, Netscape,
enrichissait ce DOM en y ajoutant des objets correspondant aux plug-in, aux applet et aux
images !
JSSS
Avec la version 4.0, on peut, par le biais du JavaScript, accéder aux formulaires,
aux applets, aux plug-in, aux images aux couches, aux cadres, aux ancres et aux liens hypertextes,
mais toujours pas aux autres éléments de page Web.
C'est là qu'apparaissent les feuilles de styles version Netscape
(JSSS) lesquelles utilisent un objet document
légèrement modifié. Avec la balise <STYLE>, l'objet
document comprend toute une série d'objets
qui ne sont pas disponibles avec la balise <SCRIPT> . En voici la hiérarchie :
Grâce à cette hiérarchie d'objets, il est possible de modifier tout élément sur une page. Le
développeur peut créer des fonctions pour, par exemple, évaluer le navigateur et
l'environnement de l'utilisateur, afin de créer un style adapté.
Microsoft, avec IE 4.0, est encore allé plus loin dans le concept objet en
implémentant un nouveau DOM incluant toutes les balises et tous les contenus et
surtout en y ajoutant des événements
disponibles pour tous les éléments de la page capables de détecter toutes les
actions de l'utilisateur !