如何点击一个在 puppeteer 上没有 id 的按钮

Question

我正在开发一个自己购买的机器人，但是在他输入信用卡，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')

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

Answer 1

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

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

这样称呼它：

 await page.click('mybutton')

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

Answer 2

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

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


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

Answer 3

Page.click requires a CSS selector as its mandatory parameter. Do not forget that CSS class selector syntax 是：.class-name，所以你需要这样的东西：

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

How to make a click on a button that doesnt have id on pupeteer