如何通过 getText() 从 html 中的多个子节点中提取动态文本

How to extract dynamic text from multiple child nodes within the html through getText()

我们有一个 Div 包含一些硬编码文本和包含一些动态文本值的跨度(请参阅下面的 HTML 代码以获得更多理解)。 结果文本是:1 任务从 'XYZ' 更新到 'ABC'

但是当我使用 Selenium 定位器进行检索时,即

final String actual = $("#bulk_update_confirmation").text();

那么实际只包含"Tasks to be updated from to"。所有动态文本都丢失了。

HTML代码如下(使用的浏览器是chrome)

<div id="bulk_update_confirmation" class="ui-dialog-content ui-widget-content" style="display: block; width: auto; min-height: 96.16px; height: auto;" scrolltop="0" scrollleft="0">
            <span id="taskCountSpan">1</span> Tasks to be updated from <span id="oldStatusSpan">'XYZ'</span> to <span id="newStatusSpan">'ABC'</span> <span id="desciptionSpan"> </span> <br>
            <hr>
            <div class="ui-dialog-buttonset">
                <button type="button" id="btn_bulk_update" onclick="updateBulkStatus()">Update</button>
                <button type="button" onclick="closeBulkUpdateRequest()">Cancel</button>
            </div>
        </div>

在您尝试提取全部文本之前,例如1 Tasks to be updated from 'XYZ' to 'ABC' you can induce WebDriverWait for all the three child 元素可见,您可以使用以下解决方案:

new WebDriverWait(driver, 10).until(ExpectedConditions.and(
    ExpectedConditions.visibilityOfElementLocated(By.xpath("//span[@id='taskCountSpan']")),
    ExpectedConditions.visibilityOfElementLocated(By.xpath("//span[@id='oldStatusSpan']")),
    ExpectedConditions.visibilityOfElementLocated(By.xpath("//span[@id='newStatusSpan']"))
));

您可以使用Webelement.getText()方法提取文本,您可以得到如下预期结果

String actual =driver.findElement(By.id("bulk_update_confirmation")).getText();