Comment puis-je utiliser XPath pour rechercher des éléments HTML en fonction de leur texte interne ?

<a ...>SearchingText</a>

Pour récupérer cet élément à l'aide de XPath, nous pouvons exploiter la requête suivante :

//a[text()='SearchingText']

Cette expression parcourt l'arborescence du document, localisant tout < ;a> balise qui contient le texte exact « SearchingText ». La fonction text() entre crochets compare le contenu textuel de l'élément à la chaîne spécifiée.

Gestion des correspondances de texte partielles

Dans certains cas, vous devrez peut-être localiser les éléments qui contiennent des correspondances partielles d'un texte donné. Par exemple, pour rechercher des éléments contenant le texte « Recherche » :

//a[contains(text(),'Searching')]

Ici, la fonction contain() évalue si le contenu textuel de l'élément inclut la sous-chaîne fournie. Cette approche permet une recherche plus large, en capturant des éléments pouvant contenir du texte supplémentaire.

Application de XPath en JavaScript

L'intégration de XPath avec JavaScript offre une approche pratique pour manipuler dynamiquement du HTML documents. Pour démontrer cela, considérons le code JavaScript suivant :

var xpath = "//a[text()='SearchingText']";
var matchingElement = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;

Ce code attribue la requête XPath à la variable XPath, puis utilise la méthode document.evaluate() pour exécuter la requête sur l'objet document. Le résultat est stocké dans la variable matchingElement, donnant accès à l'élément avec le texte intérieur spécifié.

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!