javascript - 如何通过 jQuery 在 iframe 内移动元素？

Question

我想将一些元素复制到 iframe。我的代码是这样的:

<div id="some">
  <div id="more">Something</div>
  <input id="inp>
</div>
<iframe id="myframe"></iframe>

我在 Javascript 中执行此操作，将所有元素从 some div 移动到 iframe:

var allElements = $('div').children();
for(i = 0; i < allElements.length; i++)
{
   $(allElements[i]).detach().appendTo($('#myframe'));
}

但是，它不起作用，因为 iframe 有自己的 html 和 body。那么，我怎样才能做到这一点呢？

Answer 1

如果添加.contents().find("body")，您将能够修改dom。所以:

var allElements = $('div').children();
for(i = 0; i < allElements.length; i++)
{
   $(allElements[i]).detach().appendTo($('#myframe').contents().find("body"));
}

所以，看看 jsFiddle:

https://jsfiddle.net/251u04cq/