如何通过XPath表达式获取文本内容？Puppeteer代码问题求助

嘿，我来帮你搞定这个问题！你遇到的核心问题是**page.$x()返回的是ElementHandle对象的数组**，而不是单个DOM元素，直接把这个数组传给page.evaluate()肯定会无效——因为evaluate()没法直接处理ElementHandle数组，得先拿到单个元素再操作。

问题根源拆解 #

你之前的代码：

var content = await page.evaluate(el => el.innerHTML, await page.$x("//span[@class='property-number']"));

这里await page.$x(...)返回的是一个数组（哪怕只有一个匹配元素），而page.evaluate()的第二个参数需要是单个可序列化的值或ElementHandle，直接传数组的话，evaluate内部拿到的是数组的JSON化版本，根本不是DOM元素，自然读不到innerHTML。

正确的解决方案 #

方案1：获取单个匹配元素的文本（确定只有一个结果时）

先取数组的第一个元素，再传入evaluate中获取文本（推荐用textContent获取纯文本，比innerHTML更干净）：

const elements = await page.$x("//span[@class='property-number']");
if (elements.length > 0) {
  const content = await page.evaluate(el => el.textContent, elements[0]);
  console.log(content); // 这里就是你要的文本内容
} else {
  console.log("没有找到匹配的元素");
}

方案2：获取所有匹配元素的文本（多个结果时）

用Promise.all()遍历ElementHandle数组，批量获取每个元素的文本：

const elements = await page.$x("//span[@class='property-number']");
const allContents = await Promise.all(
  elements.map(element => page.evaluate(el => el.textContent, element))
);
console.log(allContents); // 所有匹配元素的文本组成的数组

方案3：直接在浏览器上下文执行XPath（更简洁）

也可以跳过page.$x()，直接在evaluate()里用原生的document.evaluate()来获取元素并提取文本：

const content = await page.evaluate(() => {
  const xpathResult = document.evaluate(
    "//span[@class='property-number']",
    document,
    null,
    XPathResult.FIRST_ORDERED_NODE_TYPE,
    null
  );
  const targetElement = xpathResult.singleNodeValue;
  return targetElement ? targetElement.textContent : null;
});
console.log(content);

这样就能顺利拿到你想要的文本内容啦！

内容的提问来源于stack exchange，提问作者Brian Kernighan