如何用Playwright获取元素自身文本而非其子元素文本？

针对你遇到的场景，Playwright本身没有直接提供只获取父元素自身文本的API，但可以通过evaluate方法结合原生DOM操作来实现，比分别获取父子文本再做减法更简便：

场景回顾 #

目标HTML结构：

<span>
  The time is:
  <time>5:30 pm</time>
</span>

解决方案：使用evaluate提取父元素的文本节点 #

通过evaluate直接操作DOM元素，过滤出仅属于父元素的文本节点并提取内容：

const parentText = await page.locator('span', { has: page.locator('time') }).evaluate(el => {
  return Array.from(el.childNodes)
    .filter(node => node.nodeType === Node.TEXT_NODE)
    .map(node => node.textContent.trim())
    .join(' ');
});
// 输出结果："The time is:"

简化版（适用于父元素文本为首个子节点的场景） #

如果父元素的固定文本是第一个子节点，可以进一步简化代码：

const parentText = await page.locator('span', { has: page.locator('time') }).evaluate(el => {
  return el.firstChild.textContent.trim();
});

这种方式直接通过原生DOM的childNodes或firstChild获取父元素自身的文本内容，避免了文本拼接后再做减法的繁琐步骤。

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