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

JavaScript 脚本点击按钮

JavaScript script click button

html

javascript

google-chrome-extension