How to automatically click button inside iframe after load

Question

I have an iframe and, inside the website in the iframe, there is a button that I want to be automatically clicked when the iframe load. This is the HTML code.

<div class="buttonnext action-button-container">
        <button type="button" id="nextBtn" class="action-button red0">
          <span id="nextBtn-final">
            CLICK TO PROCEED
          </span>
        </button>
</div>

Is the iframe in the same domain as the main page? If not, you can't access it. — Barmar
– Barmar, Commented Sep 14, 2021 at 15:37
Does this answer your question? iFrame onload JavaScript event (assuming the button is inside the iframe as title suggests) — iunfixit
– iunfixit, Commented Sep 14, 2021 at 15:40
If the button is not in the iframe you could send an event to the mainwindow with the iframe onload that iunfixit mentioned. stackoverflow.com/questions/9153445/… — Jarne Kompier
– Jarne Kompier, Commented Sep 14, 2021 at 15:51

Mr.Throg · Accepted Answer · 2021-09-14 15:40:57Z

0

 /*   You can do it in this way.
    
     1. Get Iframe element
     2. Get the content window object and do a normal dom traversal to your button.
     3. Trigger the event. 
*/    
        var iframe = document.getElementById("iframe");
        var elmnt = iframe.contentWindow.document.getElementsById("nextBtn");
        elmnt.click();

answered Sep 14, 2021 at 15:40

Mr.Throg

1,0058 silver badges22 bronze badges

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

1 Comment

Gianfiollo Over a year ago

Can you also write me the full code with the HTML?

Collectives™ on Stack Overflow

How to automatically click button inside iframe after load

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related