Puppeteer

Question

我有以下 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" AND type="submit" 以避免点击错误的按钮。

如何在 puppeteer 中完成此操作？

这行不通：

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

Answer 1

多值选择器：

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

Answer 2

您可以使用attribute selector

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

Puppeteer - select 元素有多个 selector

Puppeteer - select element with multiple selectors

html

javascript

jquery

selector