Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie kann ich XPath verwenden, um HTML-Elemente anhand ihres inneren Textes zu finden?

Patricia Arquette
Freigeben: 2024-11-05 01:13:02
Original
487 Leute haben es durchsucht

How can I use XPath to find HTML elements based on their inner text?

XPath: Ein leistungsstarkes Tool zum Abrufen von Elementen basierend auf innerem Text

Das Auffinden bestimmter Elemente innerhalb einer HTML-Seite kann eine entscheidende Aufgabe bei der Arbeit sein mit Webinhalten. Ein häufiges Szenario ist die Identifizierung von Elementen anhand des darin enthaltenen Textes. Um dies zu erreichen, bietet XPath, eine leistungsstarke Sprache zum Navigieren in XML-Dokumenten, eine effektive Lösung.

Ein Element mit exaktem inneren Text finden

Betrachten Sie ein HTML-Snippet mit ein Tag mit dem Text „SearchingText“:

<a ...>SearchingText</a>
Nach dem Login kopieren

Um dieses Element mit XPath abzurufen, können wir die folgende Abfrage nutzen:

//a[text()='SearchingText']
Nach dem Login kopieren

Dieser Ausdruck navigiert durch den Dokumentbaum und findet alle < ;a> Tag, das den genauen Text „SearchingText“ enthält. Die Funktion text() in eckigen Klammern vergleicht den Textinhalt des Elements mit der angegebenen Zeichenfolge.

Umgang mit teilweisen Textübereinstimmungen

In bestimmten Fällen kann dies erforderlich sein Suchen Sie nach Elementen, die teilweise Übereinstimmungen mit einem bestimmten Text enthalten. Um beispielsweise Elemente zu finden, die den Text „Suchen“ enthalten:

//a[contains(text(),'Searching')]
Nach dem Login kopieren

Hier wertet die Funktion enthält() aus, ob der Textinhalt des Elements die bereitgestellte Teilzeichenfolge enthält. Dieser Ansatz ermöglicht eine breitere Suche und erfasst Elemente, die möglicherweise zusätzlichen Text enthalten.

Anwenden von XPath in JavaScript

Die Integration von XPath mit JavaScript bietet einen praktischen Ansatz zur dynamischen Bearbeitung von HTML Unterlagen. Um dies zu demonstrieren, betrachten Sie den folgenden JavaScript-Code:

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

Dieser Code weist die XPath-Abfrage der xpath-Variablen zu und verwendet dann die Methode document.evaluate(), um die Abfrage für das Dokumentobjekt auszuführen. Das Ergebnis wird in der Variable „matchingElement“ gespeichert und ermöglicht den Zugriff auf das Element mit dem angegebenen inneren Text.

Das obige ist der detaillierte Inhalt vonWie kann ich XPath verwenden, um HTML-Elemente anhand ihres inneren Textes zu finden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage