programatically click on button using javascript

Question

on a webpage there is a "show more" button when I click inspect element appears

<input name="" id="" onclick="GetComments();" class="showMore showMoreNew" value=" المزيد" type="submit">

I want to click it using JavaScript

If you want to programmatically execute a click event, you can use `$('.showMore.showMoreNew').trigger('click')` — mwilson, Jun 29 '16 at 03:09
I see that you’ve got an `onclick` handler on a `type="submit"` button. Therefore, this is related: [Submit and onclick not working together](http://stackoverflow.com/q/13839459/4642212). — Sebastian Simon, Jun 29 '16 at 03:14

score 6 · Accepted Answer · edited Jun 29 '16 at 03:15

6

I used

document.getElementsByClassName("showMoreNew")[0].click();

and it works.

edited Jun 29 '16 at 03:15

Sebastian Simon

answered Jun 29 '16 at 03:12

mtesta010

score -2 · Answer 2 · answered Jun 29 '16 at 03:06

-2

JQuery solution not work under certain condition, below solution always works.

document.getElementById("xxx").click();

answered Jun 29 '16 at 03:06

iamnoten

1

Except when the element has no id attribute – Jun 29 '16 at 03:08
it seems the OP does not have control of the source code of the page. He can't add an id unless he were to add it through JS or through the developer console. If through JS, he'd have to select it first and if through the developer console, it's more work than just using a different selector. (Also, if using the console, your answer would need to explain how to do that before it works) – Jul 05 '16 at 11:50

2 Answers2