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

Question

我必须在 Java Selenium 应用程序中解析这个元素：

<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>

我想得到一个包含所有 5 个孩子的列表，包括文本之一。 当我使用 WebElement 中的任何选择器时，无论是 xpath、cssSelector，它只会返回 4 个非文本元素。 有谁知道这是怎么做到的吗？我是 Selenium 的新手，我以前没有使用过它。谢谢。

Answer 1

Global City Business Park, Bucharest 与其他 4 个 span 节点一样，不是父节点 span 的子节点。
此文本值是父节点本身的文本。
因此，例如，如果您想提取第二个子元素 Altex Romania 的文本，您将能够像这样使用 XPath 定位第二个子元素

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

然后从 WebElement 对象中提取文本。
但是要提取Global City Business Park, Bucharest，您必须从父元素本身提取文本，如下所示：

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);