Heim >Web-Frontend >js-Tutorial >Wie rufe ich HTML-Elemente anhand ihres inneren Textes mithilfe von XPath ab?

Wie rufe ich HTML-Elemente anhand ihres inneren Textes mithilfe von XPath ab?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-11-04 20:24:02931Durchsuche

How to Retrieve HTML Elements by Their Inner Text Using XPath?

HTML-Elemente nach innerem Text abrufen

Das Identifizieren und Zugreifen auf HTML-Elemente anhand ihres Textinhalts kann eine häufige Aufgabe in der Webentwicklung sein. In diesem Artikel wird eine Methode zum effizienten Abrufen eines Elements anhand seines inneren Textes untersucht.

Lösung mit XPath

Ein effektiver Ansatz, um ein Element anhand seines inneren Textes abzurufen, ist XPath . XPath ist eine Sprache zum Navigieren in XML- und HTML-Dokumenten und bietet leistungsstarke Ausdrücke für die Elementauswahl basierend auf verschiedenen Kriterien.

Für das gegebene HTML-Beispiel:

<code class="html"><a ...>SearchingText</a></code>

Sie können die verwenden Folgender XPath-Ausdruck, um das Ankerelement zu erhalten:

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

Dieser Ausdruck wählt alle Elemente aus, die den genauen Text SearchingText enthalten. So rufen Sie das erste übereinstimmende Element ab:

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

Partielle Textübereinstimmung

In Fällen, in denen Sie nur einen Teil des Texts des Elements kennen, können Sie „contains()“ verwenden. Funktion im XPath-Ausdruck:

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

Dieser Ausdruck wählt alle a-Elemente aus, die die Teilzeichenfolge „Suchen“ an einer beliebigen Stelle in ihrem Text enthalten.

Durch die Nutzung der XPath-Funktionen können Sie HTML-Elemente basierend auf ihnen effizient abrufen innerer Text, der es Ihnen ermöglicht, verschiedene Aufgaben wie Datenextraktion oder dynamische Elementmanipulation auszuführen.

Das obige ist der detaillierte Inhalt vonWie rufe ich HTML-Elemente anhand ihres inneren Textes mithilfe von XPath ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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