How does one click a button on a webpage using Javascript?

Question

I have created an HTML file that runs the following JavaScript function:

    window.location="url";
    document.getElementById('button-id').click();

The script loads the webpage as mentioned in the url. However, it does not respond to the second statement i.e. the click. I ran the same code via the Chrome JavaScript Console and it worked perfectly.

You can't do this. Your page cannot run code on another page. Once you do window.location, your page is unloaded and the new one is loaded. What you want is impossible. — gen_Eric
– gen_Eric, Commented Jan 10, 2014 at 16:39
You can't click a button on another webpage. That would allow malicious people to do awful things. — Trevor Dixon
– Trevor Dixon, Commented Jan 10, 2014 at 16:39
Some dups: stackoverflow.com/questions/7493847/…, stackoverflow.com/questions/18048338/…, stackoverflow.com/questions/15276070/… — elclanrs
– elclanrs, Commented Jan 10, 2014 at 16:42

kuroi neko · Accepted Answer · 2014-01-10 16:46:44Z

1

This will not work before the document is done loading.

It works from the console because the document has long been loaded, but when the browser executes it, it's too early.

Try this as a proof of concept:

<body onload='document.getElementById('clickme').click();'>
<button type='button' id='clickme' onclick='window.location="wherever";'>
</body>

answered Jan 10, 2014 at 16:46

kuroi neko

8,6781 gold badge23 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Anthed · Accepted Answer · 2014-01-10 16:42:36Z

0

If you load a new URL, how to find the element "button-id" that used to exist on the first page ? If this element exists on the second page, use document.onload or $(document).ready() with jquery to execute automatically the action associated to your "click" action.

answered Jan 10, 2014 at 16:42

Anthed

1491 silver badge6 bronze badges

Comments

Xiphias · Accepted Answer · 2014-01-10 16:44:21Z

0

Omit window.location before your trigger. On this page, document.getElementById('nav-questions').click() works, for example.

In your case, if it is necessary to write these to statements together, seperate the two lines using a control flow like if or something similar. When the click() should be exectued, there must not be a window.location before.

Example:

if (redirect) {
    window.location = url;
} else {
    document.getElementById('nav-questions').click();
}

answered Jan 10, 2014 at 16:44

Xiphias

4,7945 gold badges31 silver badges52 bronze badges

Collectives™ on Stack Overflow

How does one click a button on a webpage using Javascript?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related