Puppeteer - 使用多个选择器选择元素答案

【问题标题】：Puppeteer - select element with multiple selectorsPuppeteer - 使用多个选择器选择元素
【发布时间】：2020-05-24 04:04:55
【问题描述】：

我有以下html：

<html>

<body>
    <div title="test" class="test">hello</div>
    <input onclick="" type="confusepuppet" value="google" class="button">
    <form action="http://yahoo.com">
        <input onclick="" type="submit" value="yahoo" class="button">
    </form>
    <form action="http://google.com">
        <input onclick="" type="submit" value="google" class="button">
    </form>


</body>

</html>

假设我想点击按钮重定向到 google.com，我不能使用 value="google" 或 type="submit"，我必须同时使用 value="google" 和 type="submit " 以避免点击错误的按钮。

我如何在 puppeteer 中实现这一点？

这不起作用：

等待 page.click('input[value="google",type="submit"]')

【问题讨论】：

标签： javascript jquery html selector puppeteer

【解决方案1】：

多值选择器：

await page.click('input[value="google"][type="submit"]');

【讨论】：

【解决方案2】：

您可以使用attribute selector

const element = await page.$('[value="google"]');
await element.click();

【讨论】：