在Puppeteer中获取选择器的值-前端问题

Getting a Selector#39;s value in Puppeteer(在Puppeteer中获取选择器的值)

本文介绍了在Puppeteer中获取选择器的值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

在特定情况下，我需要使用Puppeteer访问一系列复选框。每个复选框具有相同的id和name，但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);
}

这篇关于在Puppeteer中获取选择器的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！