Locate the XPath for text that is within a div tag and adjacent to a span tag

Question

Locate the XPath for text that is within a div tag and adjacent to a span tag

I've searched, but couldn't find an exact match, so my question is about a low HTML code:

<div class="column1">
<div>
<div class="name">
Dynamic Name
<span class="id" title="ID">Dynamic ID</span>
</div>
</div>
</div>

I'm in need of an XPath to extract the text "Dynamic Name." Here's what I've tried so far:

1. //div/div[@class='name'] - this is returning "Dynamic Name Dynamic ID"

2. //div/span[@class='id']/preceding-sibling::text()

Since both "Dynamic Name" & "Dynamic ID" are dynamic values, splitting the text is not an option. Any help is greatly appreciated!

html css xpath selenium-webdriver domxpath

Answer 1

Answer №1

Using the following XPath expression:

normalize-space(//div[@class="name"]/text())

You should see the output "Dynamic Name" in your HTML.

I appreciate the input, however, there seems to be a syntax error when I tested it on Firepath. I'm not sure where the issue lies.

As a possible solution, try using the following XPath expression:

//div[@class="name"]/text()

This might help avoid any syntax errors you are encountering, even though it may include additional whitespace in the selected text.

Answer 2

Using the following XPath expression:

normalize-space(//div[@class="name"]/text())

You should see the output "Dynamic Name" in your HTML.

I appreciate the input, however, there seems to be a syntax error when I tested it on Firepath. I'm not sure where the issue lies.

As a possible solution, try using the following XPath expression:

//div[@class="name"]/text()

This might help avoid any syntax errors you are encountering, even though it may include additional whitespace in the selected text.

Answer 3

Answer №2

Since it was mentioned that the XPath //div/div[@class='name'] is functioning but providing excessive information, we can extract that specific element, retrieve the innerHTML, then use string manipulation to isolate the necessary data. By splitting on the first occurrence of <, selecting the first String, and performing a trim() operation for safety, we can obtain the desired result.

driver.findElement(By.xpath("//div/div[@class='name']")).getAttribute("innerHTML").split("<")[0].trim();

Answer 4

Since it was mentioned that the XPath //div/div[@class='name'] is functioning but providing excessive information, we can extract that specific element, retrieve the innerHTML, then use string manipulation to isolate the necessary data. By splitting on the first occurrence of <, selecting the first String, and performing a trim() operation for safety, we can obtain the desired result.

driver.findElement(By.xpath("//div/div[@class='name']")).getAttribute("innerHTML").split("<")[0].trim();

Locate the XPath for text that is within a div tag and adjacent to a span tag

Answer №1

Answer №2

Similar questions

The HtmlHelper ActionLink consistently establishes the current controller instead of allowing for the specification of another controller

Set the page to be rigid instead of flexible

When attempting to retrieve a link from the `src` attribute within an iframe element using Python-selenium, I encounter a "no such element" error

Tips on aligning three divs horizontally within a container while maintaining a height of 100%

Creating dynamic animations by shifting the hue of an image on a canvas

Utilizing the power of JSF ajax with Bootstrap's data-toggle feature for radio buttons

Whenever I include an onClick event to a div element, the entire webpage fails to display

The perplexing phenomena of Ajax jQuery errors

The code snippet for the carousel in Bootstrap does not function correctly in VSCode, yet it operates effectively on codeply.com

Writing the success function for a jQuery ajax call involves defining the actions to be taken once

Transforming an object into an interface and utilizing the interface methods implemented in a different location

Calculating the size of grid thumbnails or items using the calc() function

Placing a div within a 960 grid system can sometimes result in unexpected spacing

Challenges with moving images in Unslider

Tips to locate elements with selenium in Python by utilizing ids and classes within divs

Obtain the full HTML code for a Facebook album

Tips and tricks for seamlessly aligning a specific section of your webpage to ensure it scrolls smoothly into view

I receive an [object HTMLCollection] as the output

React component is unable to identify prop

JavaScript - Modify the proposed content prior to inserting it into the input field