Référence du DOM

Le Document Object Model ou DOM (pour modèle objet de document) est une interface de programmation pour les documents HTML, XML et SVG. Il fournit une représentation structurée du document sous forme d'un arbre et définit la façon dont la structure peut être manipulée par les programmes, en termes de style et de contenu. Le DOM représente le document comme un ensemble de nœuds et d'objets possédant des propriétés et des méthodes. Les nœuds peuvent également avoir des gestionnaires d'évènements se déclenchant lorsqu'un évènement se produit. Cela permet de manipuler des pages web grâce à des scripts et/ou des langages de programmation.

Bien qu'il soit utilisé la plupart du temps avec JavaScript, le DOM peut être manipulé via d'autres langages, cela est cependant moins répandu.

Cette page est la table des matières de la référence du DOM disponible avec Gecko.

Préface

• À propos de cette référence
• À qui est destiné ce guide
• Présentation de Gecko
• Syntaxe de l'API
• Utilisation des exemples

Introduction

• Présentation du DOM
• DOM et JavaScript
• Méthodes d'accès au DOM
• Types de données importants
• Les interfaces DOM
• Test de l'API DOM

Référence de DOM element

• Introduction
• Propriétés
• Méthodes
• Évènements

Référence de DOM window

• Introduction
• Propriétés
• Méthodes
• Évènements

Référence de DOM document

• Introduction
• Propriétés
• Méthodes

Référence de DOM event

• Introduction
• Propriétés
• Méthodes

Référence de DOM style

• Notes

Référence de DOM range

• Introduction
• Propriétés
• Méthodes

Référence de DOM selection

• Introduction
• Propriétés
• Méthodes

Interface de l'élément HTML Form

• L'interface de l'élément HTML Form
• Propriétés
• Méthodes

Interface de l'élément HTML Table

• L'interface de l'élément HTML Table
• Propriétés
• Méthodes

Exemples d'utilisation du DOM

• Exemple 1 : height et width
• Exemple 2 : attributs d'image
• Exemple 3 : manipulation de styles
• Exemple 4 : utilisation de feuilles de style
• Exemple 5 : propagation d'évènements
• Exemple 6 : getComputedStyle()
• Exemple 7 : affichage des propriétés d'un objet event
• Exemple 8 : utilisation de l'interface DOM Table

Interfaces DOM

Interfaces DOM obsolètes

Le Document Object Model est en cours de simplification. Afin d'y parvenir, les interfaces qui suivent, présentées dans le DOM niveau 3 ou avant, ont été retirées. Il n'est pas certain que toutes soient définitivement supprimées et pour le moment elles sont considérées comme obsolètes et devraient être évitées :

Interfaces HTML

Un document contenant du HTML est décrit par l'interface HTMLDocument. La spécification HTML étend également l'interface Document.

Un objet HTMLDocument fournit également un accès aux fonctionnalités du navigateur : les onglets et la fenêtre utilisés pour dessiner (interface Window), le Style qui lui est associé (généralement CSS), l'historique de navigation dans un contexte avec History , et éventuellement une Selection dans le document.

Interfaces des éléments HTML

Autres interfaces

Interfaces HTML obsolètes

Interfaces SVG

Interfaces des éléments SVG

Interfaces des types de données SVG

Voici l'API DOM fournie pour les types de données utilisés dans les définitions des attributs et des propriétés SVG.

Statiques

Animées

Interfaces des segments SVG Path

Interfaces SMIL

Autres interfaces SVg

Voir aussi

• Exemples DOM