Selenium Java：span内被img分隔的文本如何获取带空格形式？

这问题我之前也踩过坑！Selenium的getText()方法会自动忽略元素内部的非文本节点（比如你这里的<img>），直接把两段文本拼接在一起，所以才会返回texttext而不是text text。给你几个实用的解决办法：

方法1：用JavaScript遍历文本节点拼接（最通用） #

通过执行JavaScript脚本，我们可以直接获取span元素下所有的文本节点，然后把它们的内容用空格连接起来。这种方法不管span里有多少个分隔节点（比如多个img）都能适用。

以Java代码为例：

// 先定位到目标span元素
WebElement spanElement = driver.findElement(By.xpath("你的XPath表达式"));

// 执行JS脚本提取并拼接文本
String formattedText = (String) ((JavascriptExecutor) driver).executeScript(
    "return Array.from(arguments[0].childNodes)" +
    ".filter(node => node.nodeType === Node.TEXT_NODE)" + // 筛选出文本节点
    ".map(node => node.textContent.trim())" + // 去除每个文本节点的首尾空格
    ".join(' ');", // 用空格连接所有文本
    spanElement
);

方法2：通过XPath直接定位单个文本节点 #

如果你的span结构固定，只有两段文本被img分隔，那么可以直接用XPath定位到每一段文本节点，分别获取内容后手动拼接空格。

示例代码：

// 获取第一段文本
String firstText = driver.findElement(By.xpath("你的XPath表达式/text()[1]")).getText().trim();
// 获取第二段文本
String secondText = driver.findElement(By.xpath("你的XPath表达式/text()[2]")).getText().trim();

// 拼接成带空格的结果
String formattedText = firstText + " " + secondText;

方法3：处理innerHTML替换img为空格 #

先获取span的innerHTML内容，把其中的<img>标签替换成空格，再清理多余的空白字符，最后得到格式化后的文本。这种方法适合HTML结构不复杂的场景。

示例代码：

WebElement spanElement = driver.findElement(By.xpath("你的XPath表达式"));
String innerHTML = spanElement.getAttribute("innerHTML");

// 把所有img标签替换成空格，再去除多余的连续空格
String formattedText = innerHTML.replaceAll("<img[^>]*>", " ")
                               .replaceAll("\\s+", " ")
                               .trim();

你可以根据自己的实际场景选择合适的方法，亲测都能解决这个问题！

内容的提问来源于stack exchange，提问作者Roni Koren Kurtberg