You can get the nodes of the document
object of an <iframe>
with the contentDocument
property of the HTMLIFrameElement
But I can't find a way getting the <iframe>
back out of the node.
Is the relation between the <iframe>
and it's document is only one way?
If it does, WHY?
var iframe = document.getElementById('iframe');
var doc = iframe.contentDocument || iframe.contentWindow.document;
var div = doc.getElementsByTagName('div')[0];
console.log('Did we find the iframe? ' + ($(div).closest('iframe').length > 0));
// Output: "Did we find the iframe? false"
thing is, for
(div)
in theconsole.log
line, they are part of the frame, they don't know they are in a frame so.closest('iframe')
will be empty.The
iframe
element is in differentdocument
(it's an element in the main page) than thediv
element (it's an element in the iframe page).You can get the
iframe
element like this:iframe.contentWindow.frameElement === iframe
Or when inside the
iframe
script environment:window.frameElement
Or using the
div
div.ownerDocument.defaultView.frameElement === iframe
Updated demo