Move div into another div, which is located inside iframe

Question

What's the way to move #content into the #wrapper?

index.html

<iframe id="my-iframe" src="./iframe.html"></iframe>
<div id="content"><p>content</p></div>

iframe.html

...
<div id="wrapper"></div>
...

The desired result:

...
<div id="wrapper">
    <div id="content"><p>content</p></div>
</div>
...

Both plain JS and jQuery will be okay, although plain JS is a bit preferably.

score 1 · Accepted Answer · edited May 23 '17 at 12:07

1

You can't alter an iframe from a different domain, as that is the purpose of the element (to be unaltered by code on your page).

edited May 23 '17 at 12:07

Community

answered Apr 02 '16 at 02:15

Tyler

In other words, if the index page and iframe are from different domains, I cannot move some div from index page to iframe? – john c. j. Apr 02 '16 at 02:37
Correct, and that is why iframes are generally used: to avoid tampering – Tyler Apr 02 '16 at 04:26

1 Answers1