What’s the most concise cross-browser way to access an element’s window and document?

by

There’s an easier way that’s been around longer… use window.frames to get a reference to the frame’s window object.

By name or id:

var iframe_doc = window.frames.my_iframe.document;

or if you prefer:

var iframe_doc = window.frames['my_iframe'].document;

or by index:

var iframe_doc = window.frames[0].document;

Good reference for window.frames here: http://developer.mozilla.org/en/DOM/window.frames

An excerpt:

each item in the window.frames
pseudo-array represents the window
object corresponding to the given
<frame>’s or <iframe>’s content, not
the (i)frame DOM element (i.e.
window.frames[ 0 ] is the same thing
as document.getElementsByTagName(
“iframe” )[ 0 ].contentWindow)

More Related Contents:

  1. “Access is denied” JavaScript error when trying to access the document object of a programmatically-created (IE-only)
  2. How can I access iframe elements with Javascript?
  3. Browser detection versus feature detection
  4. Javascript callback when IFRAME is finished loading?
  5. How do I do OuterHTML in firefox?
  6. javascript access parent DOM across domains?
  7. How to create Document objects with JavaScript
  8. Get IFrame’s document, from JavaScript in main document
  9. How to add/remove a class in JavaScript?
  10. Setting focus to iframe contents
  11. How to move an iFrame in the DOM without losing its state?
  12. Get the string representation of a DOM node
  13. Can I apply CSS to the elements within an iframe?
  14. contentDocument for an iframe
  15. Wait for iframe to load in JavaScript
  16. event.toElement in IE8 and Firefox?
  17. Stopping a iframe from loading a page using javascript
  18. Why won’t this JavaScript (using document.open and document.write) work in Internet Explorer or Opera?
  19. Unloading/Removing content from an iFrame
  20. How to prevent an iframe from reloading when moving it in the DOM
  21. How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?
  22. Why is iframe.contentWindow == null?
  23. Images failing to load in IE with DOM: 7009 error (unable to decode) in console
  24. Async-loaded scripts with DOMContentLoaded or load event handlers not being called?
  25. Detect when an iframe is loaded
  26. What’s the difference between a jQuery object and a DOM element? Difference between .get() and .index()?
  27. Can javascript running inside an iframe affect the main page?
  28. In web browsers, what’s the difference between onblur and onfocusout?
  29. Create a DOM document from string, without JQuery
  30. Create a table in SVG

Leave a Comment