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" 和 type="submit" 以避免單擊錯誤的按鈕。

我如何在 puppeteer 中做到這一點？

這不起作用：

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

Answer 1

多值選擇器：

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

Answer 2

您可以使用屬性選擇器

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

Puppeteer - 使用多個選擇器選擇元素

問題描述

2 個解決方案

解決方案1
2 已采納 2020-02-08 02:01:23

解決方案2
0 2020-02-08 02:05:17

Puppeteer - 使用多個選擇器選擇元素

問題描述

2 個解決方案

解決方案1 2 已采納 2020-02-08 02:01:23

解決方案2 0 2020-02-08 02:05:17

解決方案1
2 已采納 2020-02-08 02:01:23

解決方案2
0 2020-02-08 02:05:17