JavaScript 脚本点击按钮

Question

我有一个 chrome 扩展程序，我需要 JavaScript 才能单击此按钮，但它不起作用。

这是JavaScript需要点击的按钮。

<a class="button checkout" data-no-turbolink="true" href="...">checkout</a>

这是我尝试过的，但它不起作用

document.getElementsByClassName("button checkout").click();

Answer 1

当您通过 class 名称获取元素时，它以数组的形式出现，其中所有元素都具有此 class 名称，因此您尝试在数组而不是元素上使用.click() 方法。 考虑从 class 名称切换到仅对该元素唯一的 id。

<a id="button-checkout" data-no-turbolink="true" href="...">checkout</a>

document.getElementsById("button-checkout").click();

Answer 2

您需要指定索引

document.getElementsByClassName("button checkout")[0].click()

 function clickme(){ document.getElementsByClassName("button checkout")[0].click() } function clicked(){ alert('It works!!!!!!') }

 <a class="button checkout" data-no-turbolink="true" href="www.google.com" onclick="clicked()">checkout</a> <hr/> <button onclick="clickme()">Click div</button>

Answer 3

我会给按钮一个唯一的id ，而不是click()使用事件侦听器。

HTML

<a class="button checkout" id="click_me" data-no-turbolink="true" href="...">checkout</a>

JS

document.getElementById('click_me').addEventListener('click', () => {
  //Your code here
})