Comment récupérer des éléments HTML en fonction de leur texte interne ?

Obtenir des éléments par InnerText : un guide complet

Connaître le texte spécifique contenu dans une balise HTML peut être précieux dans le développement Web. Ces connaissances permettent aux développeurs de manipuler et d'interagir avec des éléments spécifiques avec précision. Dans cet article, nous explorerons différentes méthodes pour obtenir des éléments en fonction de leur texte interne.

Méthode 1 : exploiter XPath

XPath (XML Path Language) offre un puissant et flexible pour interroger et naviguer dans les documents XML et HTML. Il permet aux développeurs de récupérer des éléments en fonction de critères spécifiques, y compris du texte interne.

Exemple de code :

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

Cet extrait de code récupère le premier élément correspondant à l'expression XPath. "//a[text()='SearchingText']", qui sélectionne toutes les balises d'ancrage contenant le texte "SearchingText". La variable matchingElement contient désormais une référence à l'élément trouvé.

Méthode 2 : recherche d'éléments contenant du texte

Vous pouvez également rechercher des éléments qui contiennent (mais ne ne contient pas nécessairement exclusivement) le texte spécifié à l'aide de la fonction "contient" de XPath.

Exemple de code :

var xpath = "html//a[contains(text(), 'Searching')]";
var matchingElements = document.evaluate(xpath, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);

Ce code renvoie une liste ordonnée de toutes les balises d'ancrage dans le document contenant la sous-chaîne « Recherche ». En parcourant la liste matchingElements, vous pouvez accéder à chaque élément individuel.

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!