Maison >interface Web >js tutoriel >Comment récupérer des éléments HTML à partir de leur texte interne à l'aide de XPath ?
Récupération d'éléments HTML par texte interne
Identifier et accéder aux éléments HTML en fonction de leur contenu textuel peut être une tâche courante dans le développement Web. Cet article explore une méthode pour récupérer efficacement un élément à l'aide de son texte interne.
Solution utilisant XPath
Une approche efficace pour obtenir un élément par son texte interne consiste à utiliser XPath . XPath est un langage conçu pour naviguer dans les documents XML et HTML, et il fournit des expressions puissantes pour la sélection d'éléments en fonction de divers critères.
Pour l'exemple HTML donné :
<code class="html"><a ...>SearchingText</a></code>
Vous pouvez utiliser le expression XPath suivante pour obtenir l'élément d'ancrage :
//a[text()='SearchingText']
Cette expression sélectionne tous les éléments contenant le texte exact SearchingText. Pour récupérer le premier élément correspondant :
<code class="javascript">var xpath = "//a[text()='SearchingText']"; var matchingElement = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;</code>
Correspondance partielle du texte
Dans les cas où vous ne connaissez qu'une partie du texte de l'élément, vous pouvez utiliser la fonction contain() fonction dans l'expression XPath :
//a[contains(text(),'Searching')]
Cette expression sélectionne tous les éléments contenant la sous-chaîne en recherchant n'importe où dans leur texte.
En tirant parti des capacités de XPath, vous pouvez récupérer efficacement des éléments HTML en fonction de leur texte intérieur, vous permettant d'effectuer diverses tâches telles que l'extraction de données ou la manipulation d'éléments dynamiques.
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!