JavaScript脚本单击按钮

Question

我有一个chrome扩展，我需要JavaScript来点击这个按钮，但它不起作用。

这是需要使用JavaScript点击的按钮

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

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

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

Answer 1

您需要指定索引

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 2

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

<a id="button-checkout" data-no-turbolink="true" href="...">checkout</a>
document.getElementsById("button-checkout").click();

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
})