元素的子元素"/>
获取操纵符中元素的子元素
因此，我的目标是计算其中包含多个div的div类的子级数目；我通过选择div然后使用children属性来执行此操作，然后使用length属性对子项进行计数并打印。
为了实现我的目标，我正在尝试在p中实现此代码：
$('div[data-test-selector="center-window__content"]').children
（在chrome调试控制台上可以正常工作）
这是我转换后的代码：
let childrens = await page.evaluate(() => document.querySelector('div[data-test-selector="center-window__content"]'), i => Array.from(i.children));
但是此表达式的计算结果为undefined。
在evaluate的文档中说：
如果传递给page.evaluate的函数返回不可序列化的值，则page.evaluate解析为未定义。
这里是这种情况吗？我该如何解决？
提前感谢。
编辑：
所以最后，我认为由于某些原因，操纵up的人无法序列化children数组。
我最终使用了它：
const notifs = await page.evaluate(() => {
return (Array.from(document.querySelector('[data-test-selector="center-window__content"]').children).length);
})
感谢@TerryLennox的帮助。
回答如下：您可以尝试一下：
const children = await page.evaluate(() => {
return (Array.from(document.querySelector('div[data-test-selector="center-window__content"]').children).length);
})
console.log("Result:", children);
对此进行测试
html
<html>
<div data-test-selector="center-window__content">
some text
<div>Child 1</div>
<div>Child 2</div>
<div>Child 3</div>
</div>
</html>
更多推荐
获取操纵符中元素的子元素
发布评论