Get element from within an iFrame

by 
var iframe = document.getElementById('iframeId');
var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;

You could more simply write:

var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;

and the first valid inner doc will be returned.

Once you get the inner doc, you can just access its internals the same way as you would access any element on your current page. (innerDoc.getElementById…etc.)

IMPORTANT: Make sure that the iframe is on the same domain, otherwise you can’t get access to its internals. That would be cross-site scripting.

More Related Contents:

  1. Invoking JavaScript code in an iframe from the parent page
  2. Frame Buster Buster … buster code needed
  3. Adjust width and height of iframe to fit with content in it
  4. Get DOM content of cross-domain iframe [duplicate]
  5. Full-screen iframe with a height of 100%
  6. Make iframe automatically adjust height according to the contents without using scrollbar? [duplicate]
  7. Reload an iframe with jQuery
  8. How to clear the contents of an iFrame from another iFrame
  9. How to prevent IFRAME from redirecting top-level window
  10. cross-domain iframe resize
  11. Stop embedded youtube iframe?
  12. Pass value to iframe from a window
  13. Get IFrame’s document, from JavaScript in main document
  14. How to embed an autoplaying YouTube video in an iframe?
  15. Attach an event in a child iframe to a handler in the parent window
  16. How to change style of iframe content cross-domain?
  17. Set content of iframe
  18. putting html inside an iframe (using javascript)
  19. Good Reasons why not to use Iframes in page content [closed]
  20. how to block website from loading in iframe?
  21. Open link in iframe [closed]
  22. Can I apply CSS to the elements within an iframe?
  23. Iframe.readyState does not work in chrome
  24. How to block pop-up coming from iframe?
  25. Trigger a button click inside an iframe [duplicate]
  26. iframe resizing with scrollheight in chrome/safari
  27. Refresh iFrame (Cache Issue)
  28. Iframe inherit from parent
  29. Why is iframe.contentWindow == null?
  30. How to pass parameters through iframe from parent html?

Leave a Comment