Trigger a button click inside an iframe [duplicate]

by

NOTE: .contents() does not work if iframe’s src points to cross domain page. More: Cross domain iframe issue and Get DOM content of cross-domain iframe

//execute code after DOM is ready
$(function() {

  //find iframe
  let iframe = $('#main_iframe');
  
  //find button inside iframe
  let button = iframe.contents().find('#main_button');
  
  //trigger button click
  button.trigger("click");
  
});
<!--Add jQuery library-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

If you need to manipulate another page inside iframe, search for official API or GET parameters.
Example: Youtube Embed Video, Google Maps Embed Api

More Related Contents:

  1. Get DOM content of cross-domain iframe [duplicate]
  2. Reload an iframe with jQuery
  3. How to clear the contents of an iFrame from another iFrame
  4. How can I detect whether an iframe is loaded?
  5. Attach an event in a child iframe to a handler in the parent window
  6. Set content of iframe
  7. putting html inside an iframe (using javascript)
  8. Detect click event inside iframe
  9. how to block website from loading in iframe?
  10. Change iframe src by clicking a link
  11. how to resolve iframe cross domain issue [duplicate]
  12. Iframe.readyState does not work in chrome
  13. How to detect a click inside of an iframe (cross-domain)? Aka prevent click fraud
  14. Insert content into iFrame
  15. get parent.location.url – iframe – from child to parent
  16. iframe Auto Adjust Height as content changes
  17. Iframe inherit from parent
  18. javascript change element from another page
  19. Disable dragging an image from an HTML page
  20. When using jQuery on(), why use (document) vs. the element itself?
  21. Count textarea characters
  22. How can I change the font (family) for the labels in Chart.JS?
  23. Unusual shape of a textarea?
  24. How to display Image dynamically on UI?
  25. Force page scroll position to top at page refresh in HTML
  26. JQuery html() vs. innerHTML
  27. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  28. Rotate div text after clicking on button using jquery and css
  29. Hot to get incomplete datetime-local input values
  30. Content of html page changed by jQuery but “View Source” don’t reflect the changes

Leave a Comment