Wie rufe ich mithilfe von XPath HTML-Elemente basierend auf ihrem inneren Text ab?

HTML-Elemente über inneren Text abrufen

Bei der Webentwicklung ist es häufig erforderlich, bestimmte HTML-Elemente basierend auf dem darin enthaltenen Text zu manipulieren oder darauf zuzugreifen. Dies ist besonders nützlich für die Automatisierung von UI-Tests, Daten-Scraping und Inhaltsanalyse.

Eine Möglichkeit, HTML-Elemente anhand ihres inneren Textes abzurufen, ist die leistungsstarke XPath-Sprache. Mit XPath können Sie ein HTML-Dokument mithilfe einer Kombination aus Knotenselektoren und Prädikaten abfragen.

Element anhand des genauen Texts auswählen

Um ein HTML-Element basierend auf seinem genauen inneren Text zu erhalten, können Sie das verwenden Folgender XPath-Ausdruck:

//elementName[text()='innerText']

Zum Beispiel, um ein Tag zu erhalten, das den Text „SearchingText“ enthält:

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

Element mit Text auswählen

Alternativ: Sie können nach Elementen suchen, die einen bestimmten Text enthalten, unabhängig davon, ob es sich um eine exakte Übereinstimmung handelt, indem Sie den folgenden XPath-Ausdruck verwenden:

//elementName[contains(text(), 'searchText')]

Um beispielsweise alle Tags abzurufen, die den Text „Suchen“ enthalten:

var xpath = "//a[contains(text(),'Searching')]";

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