Access iframe elements in JavaScript

by

If your iframe is in the same domain as your parent page you can access the elements using window.frames collection.

// replace myIFrame with your iFrame id
// replace myIFrameElemId with your iFrame's element id
// you can work on window.frames['myIFrame'].document like you are working on
// normal document object in JS
window.frames['myIFrame'].document.getElementById('myIFrameElemId')

If your iframe is not in the same domain the browser should prevent such access for security reasons.

More Related Contents:

  1. How can I access the contents of an iframe with JavaScript/jQuery?
  2. Resizing an iframe based on content
  3. Frame Buster Buster … buster code needed
  4. How to get the body’s content of an iframe in Javascript?
  5. Make iframe automatically adjust height according to the contents without using scrollbar? [duplicate]
  6. Get current URL from IFRAME
  7. How to set an iframe src attribute from a variable in AngularJS
  8. How to refresh an IFrame using Javascript?
  9. Access elements of parent window from iframe
  10. How to prevent IFRAME from redirecting top-level window
  11. cross-domain iframe resize
  12. Communicate between scripts in the background context (background script, browser action, page action, options page, etc.)
  13. Stop embedded youtube iframe?
  14. Get IFrame’s document, from JavaScript in main document
  15. Write elements into a child iframe using Javascript or jQuery
  16. Attach an event in a child iframe to a handler in the parent window
  17. Uncaught DOMException: Blocked a frame with origin “http://localhost:8080” from accessing a cross-origin frame while listing the iframes in page
  18. How to auto-size an iFrame? [duplicate]
  19. Good Reasons why not to use Iframes in page content [closed]
  20. Open link in iframe [closed]
  21. Sharing global javascript variable of a page with an iframe within that page
  22. Using iframe with local files in Chrome
  23. cross-domain iframe resizer?
  24. Set variable in parent window from iframe
  25. Youtube iframe api not triggering onYouTubeIframeAPIReady
  26. Getting Contents of Iframe with Pure JavaScript
  27. Refresh iFrame (Cache Issue)
  28. What’s the best way to set cursor/caret position?
  29. Chrome userscript error: “Unsafe JavaScript attempt to access frame”
  30. JQuery Modal Boxes and Iframe

Leave a Comment