Maison >interface Web >js tutoriel >Comment puis-je récupérer efficacement les nœuds de texte du DOM d'un document ?

Comment puis-je récupérer efficacement les nœuds de texte du DOM d'un document ?

Susan Sarandon
Susan Sarandonoriginal
2024-12-03 17:49:11647parcourir

How Can I Efficiently Retrieve Text Nodes from a Document's DOM?

Comment obtenir des objets TextNode dans un document

La manipulation DOM est un aspect fondamental du développement Web pour accéder et modifier les éléments d'un document . Bien que la méthode getElementsByTagName() soit très efficace pour récupérer des éléments, elle ne peut pas être utilisée pour rassembler des nœuds de texte. Cet article explore des approches alternatives pour obtenir des collections de nœuds de texte dans un document.

TreeWalker : efficace et natif

L'interface TreeWalker fournit un moyen natif pour parcourir le DOM et identifier nœuds de texte. Il est implémenté avec une méthode createTreeWalker() qui accepte un nœud racine, un filtre spécifiant les types de nœuds à inclure et une fonction facultative pour filtrer les types de nœuds personnalisés. En spécifiant NodeFilter.SHOW_TEXT comme filtre, un TreeWalker peut être utilisé pour collecter des nœuds de texte.

Traversées itératives et récursives personnalisées : solutions polyvalentes

Les fonctions de traversée personnalisées offrent une flexibilité et le contrôle du processus de traversée du DOM. Le parcours itératif implique l'utilisation d'une boucle pour visiter chaque nœud du DOM, tandis que le parcours récursif utilise une fonction qui s'appelle récursivement pour explorer les nœuds imbriqués.

querySelectorAll et XPath : approches basées sur des requêtes

querySelectorAll et XPath sont des méthodes basées sur des requêtes qui peuvent être utilisées pour sélectionner des nœuds de texte. querySelectorAll accepte une chaîne de sélection CSS et renvoie une collection de nœuds correspondants, y compris des nœuds de texte. XPath, un langage de requête plus complexe, peut être utilisé pour spécifier avec précision les conditions des nœuds, y compris les nœuds de texte.

getElementsByTagName : une option partiellement fonctionnelle

Alors que getElementsByTagName() est principalement conçu pour récupérer des éléments par leurs noms de balises, il peut également capturer par inadvertance des nœuds de texte dans certaines circonstances. Cependant, il est important de noter que ce comportement n'est pas cohérent entre les navigateurs et n'est pas recommandé pour une récupération fiable des nœuds de texte.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn