Document Object Model

D est pour le document

Le Document Object Model ne peut fonctionner sans un document. Lorsque vous créez une page Web et le charger dans un navigateur Web, le DOM bouge dans la vie. Il prend le document que vous avez écrit et le transforme en un objet. En anglais ordinaire au quotidien, le mot «objet» n'est pas très descriptive. Cela signifie simplement chose. Dans les langages de programmation, d'autre part, «objet» a une signification très spécifique.

Objets de désir

À la fin du dernier article, je vous ai montré quelques exemples de objets en JavaScript. Vous vous souviendrez que les objets sont en soi des paquets de données. Variables associées à un objet sont appelés propriétés de l'objet, tandis que les fonctions qui peuvent être exécutées par un objet sont appelés méthodes de l'objet. Il existe trois types d'objets en JavaScript: définis par l'utilisateur des objets créés de toutes pièces par le programmeur. Nous ne serons pas traiter avec elles. Indigènes comme des objets Array, Math, et la date auxquelles sont intégrés pour JavaScript. Objets de l'hôte qui sont fournis par le navigateur.

Dès les premiers jours de JavaScript, certains objets de l'hôte très importants ont été mis à disposition pour les scripts. La plus fondamentale d'entre elles est l'objet window. Cet objet n'est rien de moins qu'une représentation de la fenêtre du navigateur lui-même. Les propriétés et les méthodes de l'objet window est souvent appelé le modèle objet de navigateur, mais peut-être Window Object Model serait plus sémantiquement correcte. L'Explorateur d'objets de modèle a des méthodes comme window.open et window.blur. Ces méthodes, d'ailleurs, sont responsables de toutes ces fenêtres pop-up et pop-under Windows qui accablent aujourd'hui le Web.

Pas étonnant que JavaScript a une mauvaise réputation! Heureusement, nous ne serons pas traiter avec le modèle objet navigateur beaucoup. Au lieu de cela, je vais me concentrer sur ce qui est au coeur de la fenêtre du navigateur. L'objet qui gère le contenu d'une page Web est l'objet document. Pour le reste de cet article, nous allons avoir affaire presque exclusivement avec les propriétés et les méthodes de l'objet document. C'est ce qui explique la lettre D (document) et la lettre O (objet) dans le DOM. Mais que dire de la lettre M?

Dial M pour le modèle

Le M dans les DOM est synonyme de modèle, mais il pourrait tout aussi facilement stand pour une carte. Un modèle, comme une carte, est une représentation de quelque chose. Un train modèle représente un vrai train. Un plan des rues d'une ville constitue la vraie ville. Le Document Object Model représente la page web qui est actuellement chargée dans la fenêtre du navigateur. Le navigateur fournit une carte (ou le modèle) de la page. Vous pouvez utiliser JavaScript pour lire cette carte. Cartes faire usage des conventions comme la direction, des contours, et l'échelle. Afin de pouvoir lire une carte, vous devez comprendre ces conventions, et c'est la même chose avec le modèle objet de document. Afin d'obtenir des informations à partir du modèle, vous devez comprendre ce que les conventions sont utilisées pour représenter le document. La convention la plus importante utilisée par le modèle objet de document est la représentation d'un document comme un arbre.

Plus précisément, le document est représenté comme un arbre généalogique. Un arbre généalogique est un autre exemple de modèle. Un arbre de la famille représente une véritable famille, décrit les relations entre les membres de la famille, et utilise les conventions, comme parent, enfant, et sibling. Ceux-ci peuvent être utilisés pour représenter certaines relations assez complexe: un membre d'une famille peut être un parent à d'autres, tout en étant aussi à l'enfant d'un autre membre de la famille, et le frère d'un autre membre de la famille. Le modèle d'arbre de la famille fonctionne tout aussi bien dans la représentation d'un document écrit en (X) HTML. modes prévus par le modèle objet de document:

getElementById

getElementsByTagName

getAttribute

setAttribute

Ces quatre méthodes seront les pierres angulaires pour de nombreux scripts DOM vous allez écrire. Le DOM offre de nombreuses méthodes plus et les propriétés. Il ya nodeName, nodeValue, childNodes, nextSibling, et parentNode, pour n'en nommer que quelques uns. Mais je ne vais pas expliquer ces juste encore; je vais expliquer chacun à tour de rôle et quand ils sont nécessaires. Je les citant maintenant juste pour aiguiser votre appétit. Vous avez lu beaucoup de théorie dans cet article. J'espère que maintenant vous êtes impatient de tester la puissance du DOM en utilisant autre chose que des boîtes d'alerte. Je pense qu'il est grand temps que nous avons appliqué les DOM pour une étude de cas.

un article présenté par Jacques Goudreau

Disclaimer:Notre site n'est pas responsable du contenu de cet article. Webarticles est une ressource d'information gratuite.
Important: Cet article «Document Object Model» a été traduit par un logiciel automatique. Nous nous sentons désolés pour les fautes d'orthographe que mai ont eu lieu. Nous vous remercions de votre compréhension.