傀儡师。无法在评估（）中获取节点属性

Question

如何在 puppeteer 中找到一个不起眼的单选按钮元素并单击它？

我看到很多文章说，“只需使用评估（）然后单击它”或类似的，这在我的场景中不起作用。

这是我所拥有的：

page.on('console', consoleObj => console.log(consoleObj.text()));

await page.evaluate(() => {
    let container = document.getElementById('container');
    let options = container.getElementsByClassName('labels');

    // OPTIONS GIVES ME AN ARRAY OF JSHandle@node.

    if (options.length > 0) {
        for (let radio of options) {
            let value = radio.value;
            console.log(value);
        }
    }
});

我不知道该怎么办。值始终为空。

我需要知道它的value 才能知道是否点击它。我打算传入一个变量进行评估，然后根据该变量单击正确的变量。

如果我只是将 radio.click() 放在 for 循环中，它的工作原理是它单击每个元素并始终在最后一个被选中的元素上结束。所以我知道click() 有效。如何确定点击哪个并选择它？

以下是 HTML 格式的 2 个单选按钮元素：

<input name="choice" value="accept" class="checkbox" type="radio">

<input name="choice" value="reject" class="checkbox" type="radio">

Answer 1

为什么不使用 getElementsByName？

page.on('console', consoleObj => console.log(consoleObj.text()));

await page.evaluate(() => {
    let options = container.getElementsByName('choice');

    if (options.length > 0) {
        for (let radio of options) {
            let value = radio.value;
            console.log(value);
        }
    }
});