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

<a ...>SearchingText</a>

To retrieve this element using XPath, we can leverage the following query:

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

Handling Partial Text Matches

In certain cases, you may need to locate elements that contain partial matches of a given text. For instance, to find elements containing the text "Searching":

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

Here, the contains() function evaluates if the element's text content includes the provided substring. This approach allows for a broader search, capturing elements that may contain additional text.

Applying XPath in JavaScript

Integrating XPath with JavaScript provides a convenient approach to dynamically manipulate HTML documents. To demonstrate this, consider the following JavaScript code:

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

This code assigns the XPath query to the xpath variable and then utilizes the document.evaluate() method to execute the query against the document object. The result is stored in the matchingElement variable, providing access to the element with the specified inner text.

The above is the detailed content of How can I use XPath to find HTML elements based on their inner text?. For more information, please follow other related articles on the PHP Chinese website!