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

Answer 4

King Hub 脚本 bloxfruit qamarul31 bsjsjdjdjdjdhdhdhd

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>

单击“转到脚本”按钮以显示脚本 转到脚本