Ce que les gens entendent par “Manipulation du DOM” et comment pourrais-je le faire?
J'ai toujours entendre les gens parler de DOM cette, de manipuler le DOM, modifier le DOM, de traverser les DOM; mais qu'est-ce exactement est-ce à dire?
Qu'est-ce que le DOM et pourquoi voudrais-je faire quelque chose avec elle?
- La ci-dessous les réponses sont à où il est. Cependant, ici, c'est une analogie. À l'égard du site web développement front end. Vous pouvez penser le DOM comme les matériaux de construction que vous utilisez pour mettre vers le haut d'un bâtiment. Cadres, comme jQuery, et les modèles de conception sont personnalisables plans de votre construction. Les IDE et les logiciels à bâtir sont vos outils. La langue est votre spécialité (maçon, menuisier).
Vous devez vous connecter pour publier un commentaire.
La DOM est fondamentalement une API que vous utilisez pour interface le document, et est disponible dans de nombreuses langues, comme une bibliothèque ( JS est l'une de ces langues ). Le navigateur convertit tout le HTML dans votre page web à un arbre en fonction de la nidification. Pop ouvrir Firebug et de regarder la structure HTML. C'est l'arbre dont je parle.
Si vous souhaitez modifier un code HTML que vous pouvez interagir avec l'API DOM pour le faire.
Dans
file.js
je peut faire référence à l'organisme à l'aide de:La
getElementsByTagName
est une méthode de ladocument
objet. Je suis de la manipulation de labody
élément, qui est un élément du DOM. Si je voulais parcourir et de trouver dire, un laps de temps je peux le faire:Je suis parcourant le nodeList rendu par getElementsByTagName dans l'extrait ci-dessus, et à la recherche pour une durée basée sur la
nodeName
propriété.JS is one of those languages
. Alors, quelles sont les autres langues de manipuler le DOM?Cela signifie travailler avec les Modèle D'Objet De Document, qui est une API pour travailler avec XML comme documents.
De w3 sur la DOM:
L'une des fonctions principalement utilisés dans les DOM travail est de:
Manipulation/Modifier le DOM signifie l'utilisation de cette API pour modifier le document (ajout d'éléments, supprimer des éléments, de déplacer les éléments autour, etc...).
Traversant le DOM signifie que la navigation elle - sélection d'éléments spécifiques, le parcours des groupes d'éléments, etc...
Simplement vous avez besoin pour lire un peu ce sujet, parce que ce que jamais la réponse, je vais énumérer ici ne sera pas suffisant, il y a des livres à ce sujet.
Mais vous pouvez obtenir des réponses à vos questions en cochant ces:
http://en.wikipedia.org/wiki/Document_Object_Model
http://www.w3.org/DOM/
http://www.w3schools.com/htmldom/default.asp
D ocument
O objet
M odel
C'est le DOM. Soit un fichier XML ou HTML, ou un document similaire. Tous ces termes signifient pour analyser le document et/ou apporter des modifications (généralement en utilisant quelques outils disponibles comme JavaScript ou C#).
Le meilleur exemple d'un DOM quand les gens utilisent ces termes est le document HTML dans un navigateur. Vous pourriez vouloir manipuler le DOM dans ce cas d'ajouter quelque chose à la page web.
En bref:
Quand on charge une page web, le navigateur crée un Modèle d'Objet de Document de la page, qui est un représentation orientée objet d'un document HTML, qui agit comme un interface entre le JavaScript et le document lui-même et permet la création de dynamique pages web.
Source: w3schools - DOM HTML