À propos du Document Object Model

  • Raccourci de la révision : À_propos_du_Document_Object_Model
  • Titre de la révision : À propos du Document Object Model
  • ID de la révision : 282394
  • Créé :
  • Créateur : BenoitL
  • Version actuelle ? Non
  • Commentaire mise à jour catégorie, interlang

Contenu de la révision

Présentation du DOM

Le DOM, ou modèle objet de document, est une API pour les documents HTML et XML. Le DOM fournit une représentation structurelle du document, permettant de modifier son contenu et sa présentation visuelle. Fondamentalement, il relie les pages Web aux scripts et langages de programmation.

Toutes les propriétés, méthodes et évènements utilisables par le développeur Web pour manipuler et créer des pages sont organisés au sein d'objets (c'est-à-dire l'objet document qui représente le document lui-même, l'objet table qui représente un élément de taleau HTML, et ainsi de suite). Ces objets sont accessibles via des langages de scripts dans la plupart des navigateurs récents.

Le DOM est le plus souvent utilisé en conjonction avec JavaScript. C'est-à-dire que le code est écrit en JavaScript, mais qu'il utilise le DOM pour accéder à la page Web et ses éléments. Cependant, le DOM a été conçu pour être indépendant de tout langage de programmation particulier, rendant la représentation structurelle du document disponible à l'aide d'une seule API cohérente. Bien que ce site soit concentré sur JavaScript, des implémentations du DOM peuvent être conçues pour n'importe quel langage.

Le World Wide Web Consortium établit un standard pour le DOM, appelé W3C DOM. Il doit permettre, maintenant que les navigateurs les plus importants l'implémentent correctement, de réaliser de puissantes applications multinavigateurs.

L'importance du support du DOM dans Mozilla

« Dynamic HTML » (DHTML) ou HTML dynamique est un terme utilisé par certains pour décrire la combinaison de HTML, de feuilles de style et de script permettant à des documents d'être animés. Le groupe de travail DOM du W3C travaille dur pour s'assurer que des solutions interopérables et ne dépendant pas du langage utilisé soient acceptées par tous (voir aussi la FAQ du W3C). Étant donné que Mozilla revendique le titre de « plateforme d'applications Web », le support du DOM est l'une des fonctionnalités les plus demandées et est nécessaire si Mozilla désire être une alternative viable à d'autres navigateurs.

Plus important même est le fait que l'interface utilisateur de Mozilla (ainsi que de Firefox et Thunderbird) est construite à l'aide de XUL, un langage d'interface utilisateur basé sur XML. Par conséquent, Mozilla utilise le DOM pour {{mediawiki.interwiki('en', 'Dynamically_modifying_XUL-based_user_interface', 'manipuler sa propre interface utilisateur')}}.

{{ wiki.languages( { "en": "en/About_the_Document_Object_Model", "pl": "pl/O_modelu_obiektowym_dokumentu", "zh-cn": "cn/\u5173\u4e8e\u6587\u6863\u5bf9\u8c61\u6a21\u578b" } ) }}

Source de la révision

<h3 name="Pr.C3.A9sentation_du_DOM"> Présentation du DOM </h3>
<p>Le <a href="fr/Document_Object_Model">DOM</a>, ou modèle objet de document, est une API pour les documents <a href="fr/HTML">HTML</a> et <a href="fr/XML">XML</a>. Le DOM fournit une représentation structurelle du document, permettant de modifier son contenu et sa présentation visuelle. Fondamentalement, il relie les pages Web aux scripts et langages de programmation.
</p><p>Toutes les propriétés, méthodes et évènements utilisables par le développeur Web pour manipuler et créer des pages sont organisés au sein d'<a href="fr/R%c3%a9f%c3%a9rence_du_DOM_Gecko">objets</a> (c'est-à-dire l'objet document qui représente le document lui-même, l'objet table qui représente un élément de taleau HTML, et ainsi de suite). Ces objets sont accessibles via des langages de scripts dans la plupart des navigateurs récents.
</p><p>Le DOM est le plus souvent utilisé en conjonction avec <a href="fr/JavaScript">JavaScript</a>. C'est-à-dire que le code est écrit en JavaScript, mais qu'il utilise le DOM pour accéder à la page Web et ses éléments. Cependant, le DOM a été conçu pour être indépendant de tout langage de programmation particulier, rendant la représentation structurelle du document disponible à l'aide d'une seule API cohérente. Bien que ce site soit concentré sur JavaScript, des implémentations du DOM peuvent être conçues pour <a class="external" href="http://www.w3.org/DOM/Bindings">n'importe quel langage</a>.
</p><p>Le <a class="external" href="http://www.w3.org/">World Wide Web Consortium</a> établit un <a class="external" href="http://www.w3.org/DOM/">standard pour le DOM</a>, appelé W3C DOM. Il doit permettre, maintenant que les navigateurs les plus importants l'implémentent correctement, de réaliser de puissantes applications multinavigateurs.
</p>
<h3 name="L.27importance_du_support_du_DOM_dans_Mozilla"> L'importance du support du DOM dans Mozilla </h3>
<p>« Dynamic HTML » (<a href="fr/DHTML">DHTML</a>) ou HTML dynamique est un terme utilisé par certains pour décrire la combinaison de HTML, de feuilles de style et de script permettant à des documents d'être animés. Le groupe de travail DOM du W3C travaille dur pour s'assurer que des solutions interopérables et ne dépendant pas du langage utilisé soient acceptées par tous (voir aussi la <a class="external" href="http://www.w3.org/DOM/faq.html">FAQ du W3C</a>). Étant donné que Mozilla revendique le titre de « plateforme d'applications Web », le support du DOM est l'une des fonctionnalités les plus demandées et est nécessaire si Mozilla désire être une alternative viable à d'autres navigateurs.
</p><p>Plus important même est le fait que l'interface utilisateur de Mozilla (ainsi que de Firefox et Thunderbird) est construite à l'aide de XUL, un langage d'interface utilisateur basé sur XML. Par conséquent, Mozilla utilise le DOM pour {{mediawiki.interwiki('en', 'Dynamically_modifying_XUL-based_user_interface', 'manipuler sa propre interface utilisateur')}}.
</p>{{ wiki.languages( { "en": "en/About_the_Document_Object_Model", "pl": "pl/O_modelu_obiektowym_dokumentu", "zh-cn": "cn/\u5173\u4e8e\u6587\u6863\u5bf9\u8c61\u6a21\u578b" } ) }}
Revenir à cette révision