XPath Query sous JavaScript DOM Node: comment trouver des éléments à partir d'un nœud spécifié?

Javascript Dom Node XPath Query: positionnement précis des éléments enfants

Cet article décrit comment utiliser les expressions XPath pour trouver des éléments à partir d'un nœud DOM spécifié en JavaScript. De nombreux développeurs rencontrent souvent des problèmes à partir du nœud racine plutôt que le nœud spécifié lors de l'utilisation document.evaluate() .

Par exemple, les développeurs souhaitent trouver tous les éléments d'entrée sous un élément div avec la classe "menu", ou plus précisément, trouver des éléments d'entrée avec la classe "tinput" et la valeur "100". L'utilisation //input commence directement à la recherche à partir du nœud racine du document entier, pas à partir du nœud "menu" spécifié.

La clé est de comprendre les chemins relatifs des expressions XPATH. //input signifie trouver tous les éléments d'entrée dans le document. Pour commencer à chercher à partir d'un nœud spécifique (par exemple, nœud menu ), vous devez utiliser une expression de chemin relative.

Expression de XPATH correcte

Pour trouver tous les descendants d'entrée du nœud actuel, utilisez .//input . Le numéro de point ( . ) Représente le nœud actuel. Par conséquent, document.evaluate('.//input', menu, null, XPathResult.ANY_TYPE, null); Recherchera récursivement tous les nœuds enfants d'entrée à partir menu .

Recherches conditionnelles plus complexes

Pour des conditions plus complexes, comme la recherche d'éléments d'entrée avec la classe "Tinput" et la valeur "100", vous pouvez utiliser l'expression XPATH suivante:

.//input[@class='tInput' and @value='100']

Cette expression combine un sélecteur d'attribut pour positionner avec précision l'élément cible. Notez que les valeurs d'attribut doivent être enfermées en devis ou doubles. Utilisez cette expression en combinaison avec document.evaluate pour effectuer des recherches précises sous menu . Cette approche vous permet de commencer efficacement avec n'importe quel nœud DOM spécifié, en utilisant des expressions XPath pour la recherche d'élément exacte.

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!