Un résumé de l'utilisation de DOM

Cette fois, je vais vous apporter un résumé de l'utilisation de DOM. Quelles sont les précautions lors de l'utilisation de DOM. Voici des cas pratiques, jetons un coup d'œil.

DOM est une API neutre en termes de langage pour accéder aux documents HTML et XML. Le niveau DOM1 visualise les documents HTML et XML sous la forme d'une arborescence de nœuds échelonnée. Vous pouvez utiliser javascript pour manipuler ce nombre de nœuds, modifiant ainsi l'apparence et la structure du document Dieten.

DOM est composé de différents nœuds. Un bref résumé est le suivant :

Le type de nœud le plus basique est Node, qui est utilisé pour représenter de manière abstraite une partie indépendante du document. Tous les autres types sont hérités de Node. Le type

.Document représente l'intégralité du document et est le nœud racine d'un ensemble de nœuds hiérarchiques. En JavaScript, l'objet document est une instance de Document. En utilisant l'objet document, il existe de nombreuses façons d'interroger et d'obtenir des nœuds. Tout d'abord, il peut obtenir les nœuds enfants du document, tels que var hetml=document.documentElement;//Obtenir une référence au HTML. La seconde est qu'il peut obtenir des informations sur le document, par exemple : var original=document.tittle; document.tittle=”new title”;//Définir le titre du document. La troisième consiste à rechercher des éléments, notamment getElementById() et getElementByName();

Le nœud Element représente tous les éléments relatifs au HTML et au XML, et peut être utilisé pour exploiter le contenu et les attributs de ces éléments.

Il existe également certains types de nœuds, qui représentent respectivement le contenu du document (texte), les commentaires (commentaire), le type de document (Documentype), la zone CDATA (CDATAsection) et les fragments de document.

L'opération d'accès au DOM est intuitive dans de nombreux cas, mais il existe encore quelques problèmes lors du traitement des éléments de script et de style Étant donné que ces deux éléments contiennent des informations de script et de style, les navigateurs les traitent généralement comme des traitements différents.
La clé pour comprendre le DOM est de comprendre l'impact du DOM sur les performances. Le DOM est souvent la partie la plus coûteuse du programme en JavaScript, et comme il existe de nombreux problèmes d'accès à Nodelist, NoList pose le plus de problèmes, et les objets NdeList le sont. dynamique. Cela signifie que chaque fois que vous accédez à l'objet NodeList, vous devez exécuter une requête. Compte tenu de cela, le meilleur moyen est de réduire les opérations DOM.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

modèle de conception js - utilisation du modèle singleton

Pourquoi le front-end devrait-il utiliser la modularité ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!