Maison > interface Web > js tutoriel > Comment récupérer des éléments HTML à partir de leur texte interne à l'aide de XPath ?

Comment récupérer des éléments HTML à partir de leur texte interne à l'aide de XPath ?

Mary-Kate Olsen
Libérer: 2024-11-04 20:24:02
original
939 Les gens l'ont consulté

How to Retrieve HTML Elements by Their Inner Text Using 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>
Copier après la connexion

Vous pouvez utiliser le expression XPath suivante pour obtenir l'élément d'ancrage :

//a[text()='SearchingText']
Copier après la connexion

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>
Copier après la connexion

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')]
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal