如何在 Selenium WebElement 中获取元素的所有子节点，包括文本节点？

Question

I have to parse this element in a Java Selenium application:

<span class="text-small-teaser d-none d-sm-inline-block cut-job-address swissdev-grey-text">
    <span class="icon-building mr-1" aria-hidden="true"></span>
    <span class="mr-3">Altex Romania </span>
    <span class="icon-map-marker mr-1" aria-hidden="true"></span> 
    Global City Business Park, Bucharest  
    <span class="green-text"> + Remote</span>        
</span>

I want to get a list with all its 5 children, including the text one. When I use any selector from WebElement, either xpath, cssSelector, it only returns me the 4 non-text elements. Does anyone know how to do that? I'm a newbie with Selenium, i haven't worked with it before. Thanks.

Answer 1

Global City Business Park, Bucharest is NOT a child node of the parent span node like the other 4 span nodes.
This text value is a text of the parent node itself.
So if for example, you want to extract the text of the second child Altex Romania you will be able to locate the second child element with XPath like this

"//span[contains(@class,'cut-job-address')]//span[@class='mr-3']"

And extract the text from that WebElement object.
However to extract the Global City Business Park, Bucharest you will have to extract the text from parent element itself, something like this:

WebElement element = driver.findElement(By.xpath("//span[contains(@class,'cut-job-address')]"));
JavascriptExecutor jse = (JavascriptExecutor)driver;
String parentStringOnly = jse.executeScript("""
    return jQuery(arguments[0]).contents().filter(function() {
        return this.nodeType == Node.TEXT_NODE;
    }).text();
    """, element);