Wie rufen Sie HTML-Elemente basierend auf ihrem inneren Text ab?

Elemente von InnerText abrufen: Ein umfassender Leitfaden

Die Kenntnis des spezifischen Textes, der in einem HTML-Tag enthalten ist, kann bei der Webentwicklung wertvoll sein. Dieses Wissen versetzt Entwickler in die Lage, bestimmte Elemente präzise zu manipulieren und mit ihnen zu interagieren. In diesem Artikel werden wir verschiedene Methoden zum Abrufen von Elementen basierend auf ihrem inneren Text untersuchen.

Methode 1: Nutzung von XPath

XPath (XML Path Language) bietet eine leistungsstarke und flexibler Ansatz zum Abfragen und Navigieren in XML- und HTML-Dokumenten. Es ermöglicht Entwicklern, Elemente basierend auf bestimmten Kriterien, einschließlich innerem Text, abzurufen.

Beispielcode:

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

Dieses Codefragment ruft das erste Element ab, das dem XPath-Ausdruck entspricht „//a[text()=‘SearchingText‘]“, das alle Ankertags auswählt, die den Text „SearchingText“ enthalten. Die Variable „matchingElement“ enthält nun einen Verweis auf das gefundene Element.

Methode 2: Nach Elementen suchen, die Text enthalten

Alternativ können Sie nach Elementen suchen, die Folgendes enthalten (aber tun). enthält nicht unbedingt ausschließlich) den angegebenen Text mithilfe der XPath-Funktion „contains“.

Beispielcode:

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

Dieser Code gibt eine geordnete Liste aller Ankertags in zurück das Dokument, das die Teilzeichenfolge „Suche“ enthält. Durch Durchlaufen der MatchingElements-Liste können Sie auf jedes einzelne Element zugreifen.

Das obige ist der detaillierte Inhalt vonWie rufen Sie HTML-Elemente basierend auf ihrem inneren Text ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!