Control iframe content with javascript/html

by

Yes you can. Say your iframe‘s ID is 'myIFrame'

<iframe id="myIFrame" src="https://stackoverflow.com/questions/19498725/thispage.html"
    width="100%" height="600"
    frameBorder="2">
</iframe>

Then, add the following in your JavaScript:

// Get the iframe
const iFrame = document.getElementById('myIFrame');

// Let's say that you want to access a button with the ID `'myButton'`,
// you can access via the following code:
const buttonInIFrame = iFrame.contentWindow.document.getElementById('myButton');

// If you need to call a function in the iframe, you can call it as follows:
iFrame.contentWindow.yourFunction();

Hope it helps 🙂

More Related Contents:

  1. My games being hacked easily by right click inspect. How can i prevent this?
  2. Multiple Javascript If / Else Statements not working, only last one is executing
  3. I need help on this project for my friend
  4. Why isn’t my JavaScript working in JSFiddle?
  5. How to trigger a file download when clicking an HTML button or JavaScript
  6. ReferenceError: event is not defined error in Firefox
  7. How do I scroll to an element using JavaScript?
  8. Is it possible to run an .exe or .bat file on ‘onclick’ in HTML
  9. Does HTML5 allow drag-drop upload of folders or a folder tree?
  10. Changing the selected option of an HTML Select element
  11. Submit form and stay on same page?
  12. Bootstrap close responsive menu “on click”
  13. Positioning element at center of screen
  14. jQuery: Why use document.ready if external JS at bottom of page?
  15. getAttribute() versus Element object properties?
  16. How to render HTML string as real HTML?
  17. Is it possible to dynamically scale text size based on browser width?
  18. Blur Img’s & Div’s in HTML using CSS
  19. Submit and onclick not working together
  20. Google Maps API v3: InfoWindow not sizing correctly
  21. How to set mousemove update speed?
  22. Why does `childNodes` return a number larger than I expect?
  23. Can you target an elements parent element using event.target?
  24. Scroll Position of div with “overflow: auto”
  25. Fill user name and password in a webpage using VBA
  26. Fire oninput event with jQuery
  27. Disable drop paste in HTML input fields? [duplicate]
  28. canvas- Cropping images in different shapes
  29. Get All Elements in an HTML document with a specific CSS Class
  30. How to pass parameters through iframe from parent html?

Leave a Comment