3. Eléments du DOM Core et DOM HTML et ECMAScript bindings

3.1 Apperçu du modèle objet de document Core

Le modèle DOM niveau 2 code définit un document XML ou HTML comme hierarchie de noeuds (node) de certains types.

Anatomie du contenu d’un arbre DOM défini par le DOM 2 Core Interface:

Type de noeuds	Noeuds enfants
Document	Element (un, au maximum), ProcessingInstruction, Comment, DocumentType (un, au maximum)
DocumentFragment	Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
DocumentType	aucun enfant
EntityReference	Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
Element	Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference
Attr	Text, EntityReference
ProcessingInstruction	aucun enfant
Comment	aucun enfant
Text	aucun enfant
CDATASection	aucun enfant
Entity	Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
Notation	aucun enfant

Pour chacun de ces types de noeuds il existe des méthodes et propriétés pour accéder aux données ou pour les modifier.

Eléments supplémentaires:

une interface NodeList pour la gestion de listes ordonnées d’objets Node
(typiquement on a cela après avoir fait une requête XPath etc.)
une interface NamedNodeMap pour la gestion de noeuds référencé par leur nom d’attribut,

DOM HTML spécialise cet arbre, c.a.d. il existe des types d’objets pour toutes sortes d’éléments spécifiques à HTML, par exemple:

Classes (Interfaces du DOM)	variable ECMAScript	fonction
Node		Implémente les noeuds d’un arbre DOM (par exemple document, element, attributes, etc. et qui héritent ses méthodes et propriétés)
Document	document	L'objet document représente un document HTML, XHTML et XML (implémente l’interface "Document".
Element		element se réfère à un élément (représentation d’une balise et de son contenu). Element hérite de Node (interface pour les nœuds).
NodeList		Une nodeList est un tableau d'éléments, comme celui qui est renvoyé par la méthode document.getElementsByTagName(). Les éléments d'une nodeList sont accessibles par un index de deux manières différentes (mais identiques quand au résultat): list.item(1) list[1]
Attribute		Une référence à un objet qui représente un attribut. Un attribut est extension de Node.
NamedNodeMap		Une namedNodeMap est comme un tableau, mais où l'on peut accéder aux éléments à la fois par nom ou par index

Le modèle objet de document (DOM) niveau 2 HTML de plusieurs autres spécifications, notamment DOM Core

Classes	variable ECMAScript	fonction
Window AbstractView	window	L'objet window représente la fenêtre elle-même. Window contient le document et le navigator parmi ses enfants Note: ’Window’ ne fait pas partie du standard W3C !
HTMLDocument Document	document window.document	Un objet HTMLDocument représente la racine de la hiérarchie HTML et porte la totalité du contenu. Hormis un accès à la hiérarchie, il offre aussi des méthodes commodes pour obtenir certains ensembles d'informations du document.
HTMLElement Element		Représente un élément HTML
HTML...Element		Il existe des interfaces spécialisées pour la plupart des éléments HTML (environ 50), par exemple HTMLHeadElement, HTMLButtonElement,...

Dans la suite nous allons plutot présenter DOM & Javascript par types d’objets (donc différents niveaux et éléments de spécifications confondus).