Puppeteer 获取 querySelectorAll 的 innerText

Posted 2023-03-05

【中文标题】Puppeteer 获取 querySelectorAll 的 innerText

【英文标题】：Puppeteer get innerText of a querySelectorAll

【发布时间】：2021-05-17 11:35:19

【问题描述】：

你好，我已经有一个脚本，它通过父元素来获取它们的数据，我正在使用 queryselector 执行此操作，但有时父元素有几个我需要的子元素。所以我应该使用 querySelectorAll，但是我在获取他们的 innerText 时遇到了问题，希望得到帮助。

      suggestionText = await page.evaluate(
          (el) => el.querySelector('div.nine.columns.suggestiontext').innerText,
          text
        );
        console.log(suggestionText);

查询选择器的示例，但我只得到一个，我想得到更多，（文本是父级）。

【问题讨论】：

鉴于无法帮助您的元素，您能否展示一个完整的示例（功能性）

我今天很快（在我的手机上）谢谢。

如果有联系方式我会很高兴????

【参考方案1】：

您可以尝试element.querySelectorAll() 并通过Array.from() 回复一组文本：

suggestionTexts = await page.evaluate(
  (el) => Array.from(
    el.querySelectorAll('div.nine.columns.suggestiontext'),
    div => div.innerText,
  ),
  text,
);
console.log(suggestionTexts);