javascript，单击按钮

Question

I have 2 questions, both regarding clicking via js.

So I am on a site and I wish to automate a physical click on 2 buttons, I learned that if we getElementbyId.click() we can do this. But both these buttons do not have an ID. I tried coordinate clicking and it doesn't work and also by the class but to no avail.

<td data-pick="red" class="red" rowspan="2"></td>

How do I click on this?

and also

<button type="submit" class="btn btn-default btn-success">GO</button>

and this.

document.getElementsByClassName doesn't work :(

Answer 1

It is possible to trigger a click using document.getElementsByClassName but you have to understand what you get back from document.getElementsByClassName is not an individual element, but a list which you can iterate over.

You can trigger a click for every item in a collection by doing the following:

var redClassElements = document.getElementsByClassName('red');

for(var i=0;i<redClassElements.length;i++) {
    redClassElements[i].click();
}

This will do nothing if you haven't assigned a click handler to the element click() is being called on though.

Also, do you really want to trigger a click on multiple elements? Your best bet is to assign the element an id as has been suggested to you. You can then use document.getElementById('theId').click() .

Answer 2

Give this a try

document.getElementsByClassName('red')[0].click();

Why [0] ? because getElementsByClassName returns classes (matching DOM elements) in form of an array, so [0] is the index here :-) And for your second button you can trigger the click using

document.querySelector("button[type=submit]").click();

By the way if you are using jquery then why don't you use

$(".red").click();
$("button[type=submit]").click();

Anyways both solutions should work. Hope that helps :-)

Answer 3

使用jQuery ..

$('td[class="red"], button[class="btn btn-default btn-success"]').click();