Modèle d’objet de document (DOM)

Qu’est-ce que le Document Object Model (DOM) ?

Le Document Object Model (DOM) est une interface indépendante de la plate-forme et du langage qui permet aux programmes et aux scripts d’accéder dynamiquement au contenu, à la structure et au style des documents et de les mettre à jour. Il fournit un ensemble standard d’objets pour représenter les documents HTML, XHTML et XML, un modèle standard de la façon dont ces objets peuvent être combinés, et une interface standard pour y accéder et les manipuler.

Concepts de base du Document Object Model

Le DOM consiste en un ensemble de concepts et d’objets de base. Il s’agit de l’objet document, de l’objet élément, de l’objet type de document et de la vue du modèle d’objet document. L’objet document représente le document entier, y compris les balises HTML, les attributs et le contenu. L’objet élément représente un élément individuel, tel qu’un tableau HTML ou un formulaire HTML. L’objet type de document représente les balises et attributs HTML associés à un type de document particulier. Enfin, la vue du modèle d’objet document représente la représentation visuelle du document sur l’écran de l’utilisateur.

Le modèle d’objet de document fonctionne en fournissant une structure hiérarchique pour représenter les éléments d’un document. Cette hiérarchie est constituée de nœuds et d’objets. Chaque nœud a un nœud parent et un ou plusieurs nœuds enfants. En naviguant dans la hiérarchie, un programme peut accéder aux éléments du document et les manipuler. Par exemple, un programme peut accéder au contenu d’une table HTML en naviguant à travers les nœuds de la hiérarchie jusqu’à l’objet élément table.

Le modèle d’objet de document présente plusieurs avantages pour les développeurs Web. Il permet un accès et une manipulation rapides et efficaces des éléments d’un document. Il fournit également une plate-forme standard pour représenter et manipuler les documents HTML, XHTML et XML. Enfin, il permet aux développeurs Web de créer des applications Web plus réactives et interactives.

Le modèle d’objet de document est pris en charge par tous les principaux navigateurs Web, notamment Internet Explorer, Firefox, Chrome, Safari et Opera. Tous ces navigateurs fournissent des API qui permettent aux développeurs d’accéder au DOM et de le manipuler. Les API fournies par chaque navigateur sont légèrement différentes, mais elles fournissent toutes la même fonctionnalité de base.

Normalisation du Document Object Model

Le W3C a travaillé à la normalisation du Document Object Model. Cet effort a commencé en 1998 et se poursuit. Le W3C a publié plusieurs versions de la norme DOM, qui ont été adoptées par la plupart des navigateurs Web. La dernière version du standard DOM est le DOM Level 3, qui a été publié en avril 2004.

Bibliothèques du Document Object Model

En plus des APIs fournies par les navigateurs, il existe plusieurs bibliothèques disponibles pour accéder et manipuler le Document Object Model. Ces bibliothèques fournissent une interface de plus haut niveau pour interagir avec le DOM. Des exemples de bibliothèques populaires incluent jQuery et Prototype.

Outils du Document Object Model

En plus des bibliothèques, il existe plusieurs outils disponibles pour travailler avec le Document Object Model. Ces outils permettent aux développeurs de visualiser et de manipuler le DOM dans un environnement graphique. Parmi les exemples d’outils populaires, citons Firebug et les Chrome Developer Tools.

Résumé du Document Object Model

Le Document Object Model est une interface indépendante de la plate-forme et du langage qui permet aux programmes et aux scripts d’accéder et de manipuler dynamiquement le contenu, la structure et le style des documents. Il fournit un ensemble standard d’objets pour représenter les documents HTML, XHTML et XML, un modèle standard de la façon dont ces objets peuvent être combinés, et une interface standard pour y accéder et les manipuler. Le Document Object Model est supporté par tous les principaux navigateurs web, et il existe plusieurs bibliothèques et outils disponibles pour travailler avec le DOM.

FAQ
Qu’est-ce que DOM avec exemple ?

DOM est une abréviation de Document Object Model. DOM est une interface indépendante de la plate-forme et du langage qui permet aux programmes et aux scripts d’accéder et de mettre à jour dynamiquement le contenu, la structure et le style d’un document.

Par exemple, en utilisant DOM, un programme pourrait mettre à jour dynamiquement le contenu d’une page Web en fonction des entrées de l’utilisateur, sans avoir à recharger la page entière.

Qu’est-ce que le Document Object Model DOM explique son importance par rapport à XML ?

Le Document Object Model (DOM) est une interface multiplateforme et indépendante du langage qui traite un document XML ou HTML comme une structure arborescente dans laquelle chaque nœud est un objet représentant une partie du document. Les méthodes DOM permettent un accès programmatique à l’arbre ; avec elles, on peut modifier la structure, le style ou le contenu d’un document. Les nœuds peuvent être créés, supprimés, déplacés et remplacés. On peut également parcourir l’arbre des nœuds. Lorsqu’un document XML est chargé pour la première fois, le navigateur crée un arbre DOM à partir de ce document. Lorsqu’un document HTML est chargé, le navigateur crée à la fois un arbre DOM et un arbre de rendu. L’arbre de rendu est un arbre qui représente la sortie visuelle de l’arbre DOM. Le DOM est important pour le XML car il fournit un moyen standard d’accéder aux documents XML et de les manipuler.

Quelle est la différence entre DOM et BOM ?

DOM et BOM font tous deux référence à la structure d’un document. DOM est le Document Object Model, une interface indépendante de la plate-forme et du langage qui permet aux programmes et aux scripts d’accéder et de mettre à jour dynamiquement le contenu, la structure et le style d’un document. BOM est le Browser Object Model, et est spécifique aux navigateurs web. Il fournit une interface indépendante de la plate-forme et du langage qui permet aux programmes et aux scripts d’accéder et de mettre à jour dynamiquement le contenu, la structure et le style d’un document.