在Puppeteer中获取选择器的值

2022-03-11 00:00:00 node.js puppeteer javascript

在特定情况下,我需要使用Puppeteer访问一系列复选框。每个复选框具有相同的idname,但value的值不同。我想要获取每个选择器的值,然后使用该值单击与我要扫描的文本选择器匹配的复选框。以下是代码段:

await page.waitForSelector("input[type='checkbox']");
let boxArray = await page.$$eval("input[type='checkbox']", el => el.value);
const boxes = (await page.$$("input[type='checkbox']")).length;
for(var box=2;box<boxes+1;box++)
{
    await page.waitForSelector("this is inconsequential");
    const title = await page.$eval("this is inconsequential", el => el.innerText);
    if(title.includes("string I'm searching for"))
    {
        console.log('Clicking group check box: %s', title);
        console.log('Value: %s', boxArray[box]);
        await page.waitForSelector("input[value='"+boxArray[box]+"']");
        // the rest doesn't matter
     }
}

一旦代码达到console.log('Value: %s', boxArray[box]),我就会收到以下错误:

Value: undefined
TypeError: Cannot read property '5' of undefined

我不明白为什么boxArray没有定义,因为page.$$eval()应该用页面上每个复选框的值填充一个数组。


解决方案

boxArray未定义。

$$eval将运行Array.from(document.querySelectorAll("input"))并将其传递给pageFunction。它不会创建循环来获取每个函数的值。https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pageevalselector-pagefunction-args

使用a表示.获取值,而不是$$eval。请考虑以下示例:

const inputsValues = [];
const inputElements = await page.$$('input');

for (const element of inputElements) {
        let inputValue;

        inputValue = await element.getProperty('checked');
        inputValue = await inputValue.jsonValue();

    inputsValues.push(inputValue);
}

相关文章