JavaScript: Climb back up dom tree from within iframe

Question

I have the following code:

<div id="hello">
    <iframe stc="foo/bar.html"></iframe>
</div>

Contents of iframe:

<!DOCTYPE html>
<html>
<body>
    <div id="foo"></div>
</body>
</html>

How can I get the div with id "hello"?

If all this was on the same page I would do something like:

document.getElementById('foo').parentNode;

Note: I can't use jQuery for this project. Also I can't select by id because I don't know what the id of that parent would be. If it would have always been foo then I could have done:

parent.document.getElementById('foo')

Possible duplicate: http://stackoverflow.com/questions/1088544/javascript-get-element-from-within-an-iframe — Leeish, Mar 08 '13 at 18:43
Are you trying to do this from the iframe or the parent page? — Barmar, Mar 08 '13 at 19:08
If you're trying to do it from the iframe, see http://stackoverflow.com/questions/9877237/target-parent-div-containing-iframe-from-iframe — Barmar, Mar 08 '13 at 19:09

score 0 · Answer 1 · answered Mar 08 '13 at 19:00

0

Can you select element by class name? If so, here's a way of doing that: http://www.anyexample.com/webdev/javascript/javascript_getelementsbyclass_function.xml

answered Mar 08 '13 at 19:00

Kon

27,113
11
60
86

JavaScript: Climb back up dom tree from within iframe

1 Answers1