如何在 puppeteer 上单击没有 id 的按钮答案

【问题标题】：How to make a click on a button that doesnt have id on pupeteer如何在 puppeteer 上单击没有 id 的按钮
【发布时间】：2021-07-05 01:27:00
【问题描述】：

我正在开发一个自己购买的机器人，但是在他放了信用卡、exp和cvv之后，页面有一个没有id，只有class的按钮，按钮的代码是

<button type="submit" class="btn btn-primary btn-block submit_silentOrderPostForm checkout-next">Siguiente</button>

我正在尝试

await page.click('#btn btn-primary btn-block submit_silentOrderPostForm checkout-next')

与

await page.click('btn btn-primary btn-block submit_silentOrderPostForm checkout-next')

但它不起作用。我该怎么做？谢谢

【问题讨论】：

【解决方案1】：

Page.click 需要一个 CSS 选择器作为其强制参数。不要忘记CSS class selector syntax 是：.class-name，所以你需要这样的东西：

await page.click('.btn.btn-primary.btn-block.submit_silentOrderPostForm.checkout-next')

【讨论】：

【解决方案2】：

您可以使用查询选择器来识别元素，该选择器检查尽可能多的信息，就像这样...

var B=document.querySelectorAll('button[type="submit"][class*="submit_silentOrderPostForm"]')[0];


B.style.color='red'; // It works! :)

【讨论】：

【解决方案3】：

添加一个唯一的类名，如 mybutton 或其他任何名称，并将其添加到该按钮。

<button type="submit" class="mybutton btn btn-primary btn-block submit_silentOrderPostForm checkout-next">Siguiente</button>

这样称呼它：

 await page.click('mybutton')

我希望这能给你一个想法。

【讨论】：