Puppeteer - 如何评估返回文本的 XPath？

Question

我正在尝试从以下 Xpath 中获取文本作为字符串：

//*[contains(text(), 'mission')]/following-sibling::text()[1]

我试过了

let elHandle = await page.$x("//*[contains(text(), 'mission')]/following-sibling::text()[1]")

返回一个ElementHandle<Element>[]。如何从这里导航到文本字符串？

Answer 1

我假设您的 XPath 是正确的。所以：page.$x 返回一个数组（匹配元素：<Promise<Array<ElementHandle>>>），其中您需要第一个元素，因此您需要在整个元素句柄表达式之后添加[0]。

它可以与page.evaluate 组合以检索innerText 字符串。

const elHandleText = await page.evaluate(el => el.innerText, (await page.$x("//*[contains(text(), 'mission')]/following-sibling::text()[1]"))[0])
console.log(elHandleText)

---

关于是否可以使用 CSS 选择器完成的问题：这是不可能的，如果您需要查找具有特定文本内容的元素，XPath 的contains 方法是解决方案。