JavaScript script click button

Question

I have a chrome extension and i need JavaScript to click on this button, but it is not working.

This is the button that needs to be clicked with JavaScript.

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

This is what I tried but it is not working

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

I believe this question got answered here: https://stackoverflow.com/questions/25587762/javascript-click-on-element-by-class — Ahmed Mahmoud, Mar 29 '21 at 19:39

score 0 · Answer 1 · answered Mar 29 '21 at 19:39

When you getting an element by class name it comes in form of an array with all of the elements having this class name, so you're trying to use .click() method on the array rather than an element. Consider switching from a class name to an id which would be unique just for that element.

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

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

Guilherme Zanetti · Accepted Answer · 2021-03-29T22:29:54.780

0

You need to specify the index

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>

edited Mar 29 '21 at 22:29

answered Mar 29 '21 at 19:42

Guilherme Zanetti

83
1
6

That only works with one className, not with two as the TS has. – Frank Conijn - Support Ukraine Mar 29 '21 at 20:08
https://codepen.io/GuiZanetti/pen/PoWGaZa so what is this? – Guilherme Zanetti Mar 29 '21 at 22:28

score 0 · Answer 3 · answered Mar 29 '21 at 19:43

0

I would give the button a unique idand instead of click() use an event listener.

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

answered Mar 29 '21 at 19:43

BranOIE

400
4
19

If you use an even listener, the user still has to click manually. The TS wants to simulate the click with Javascript. – Frank Conijn - Support Ukraine Mar 29 '21 at 20:06

JavaScript script click button

3 Answers3