javascript - 将 div 移动到位于 iframe 内的另一个 div

Question

如何将#content移动到#wrapper中？

index.html

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

iframe.html

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

期望的结果:

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

纯 JS 和 jQuery 都可以，尽管纯 JS 更好一些。

Answer 1

您无法从不同的域更改 iframe，因为这是该元素的用途(不被页面上的代码更改)。

如果您控制这两个页面，您可以在此处看到:jQuery/JavaScript: accessing contents of an iframe