Puppeteer - 计算DOM中的元素

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Puppeteer - 计算DOM中的元素相关的知识,希望对你有一定的参考价值。

我知道这已在这里得到解答

Puppeteer - counting elements by class name

然而,按照这种方法,我得到0作为我的结果

使用page.$$ - 在我的测试中,我总是得到0

console.log((await page.$$('.clients-table > tbody > tr > td')).length);

使用document.querySelectorAll()在浏览器中验证,结果为4

html console log in browser

怎么会这样?

答案

数据尚未加载。您可以使用waitForSelector来确保正确加载数据。

所以在计算数字之前加上这个,

await page.waitForSelector('.clients-table > tbody > tr > td');
console.log((await page.$$('.clients-table > tbody > tr > td')).length);

您还可以使用waitUntil: 'networkidle0'参数确保页面已完全加载。

以上是关于Puppeteer - 计算DOM中的元素的主要内容,如果未能解决你的问题,请参考以下文章

Puppeteer:我怎样才能等到列表关闭?如何等到元素从 DOM 中消失?

如何获取 Puppeteer 访问的页面的所有 DOM 元素上的所有事件 - 基本上是 getEventListeners

如何使用 Puppeteer 和纯 JavaScript 检查元素是不是可见?

jquery 对象的 heightinnerHeightouterHeight 的区别以及DOM 元素的 clientHeightoffsetHeightscrollHeightoffset(代码片段

如何使用元素标题的一部分在 Puppeteer 或 Playwright 中找到元素?

使用Puppeteer将Node悬停在Node.js中的element和getComputedStyle上?