Access child iFrame DOM from parent page

by

There is a way. When the page in the iframe loads, have it do the following

parent.childGetElementById = function (id) {return document.getElementById(id);}
parent.childLoaded();

This will make a function in the global scope of the parent page (that contains the iframe). Then in the parent, just have the following

function childLoaded() {var dom = childGetElementById('someid');}

This is along as you have control of the page your loading into the iframe… if you do not, you are out of luck.

More Related Contents:

  1. How can I access the contents of an iframe with JavaScript/jQuery?
  2. SecurityError: Blocked a frame with origin from accessing a cross-origin frame
  3. Uncaught DOMException: Blocked a frame with origin “http://localhost:8080” from accessing a cross-origin frame while listing the iframes in page
  4. Using iframe with local files in Chrome
  5. Embedding Google Apps Script in an iFrame
  6. Can I use multiple versions of jQuery on the same page?
  7. How to access parent Iframe from JavaScript
  8. Getting around X-Frame-Options DENY in a Chrome extension?
  9. Redirect parent window from an iframe action
  10. Safari 3rd party cookie iframe trick no longer working?
  11. How to pick element inside iframe using document.getElementById
  12. how to access iFrame parent page using jquery?
  13. Creating an iframe with given HTML dynamically
  14. How can I detect whether an iframe is loaded?
  15. jQuery iframe load() event?
  16. Detect click event inside iframe
  17. How is it possible for an iframe to access its parents DOM?
  18. Nested iframes, AKA Iframe Inception
  19. Detect mousemove when over an iframe?
  20. ‘load’ event not firing when iframe is loaded in Chrome
  21. How to synchronize scrolling positions for several iframes
  22. how to resolve iframe cross domain issue [duplicate]
  23. AngularJS ng-src inside of iframe
  24. Detect X-Frame-Options
  25. Resize external website content to fit iFrame width
  26. Reload an IFRAME without adding to the history
  27. iframe not reading cookies in Chrome
  28. How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?
  29. Get List of jQuery UI themes – from an URL (same-origin-policy)
  30. iframe inside angular2 component, Property ‘contentWindow’ does not exist on type ‘HTMLElement’

Leave a Comment