在DOM中重新排序iframe是否可行？

Question

3

我有一个页面，里面有几个动态创建的iframe，都在一个div中。我想在该div内部动态重新排序它们，而不刷新它们或丢失它们的contentWindow。

如果我尝试使用insertBefore，这不起作用，而且我最终会失去我正在移动的iframe的内容。

是否有一种方法可以在不进行绝对定位和设置top和left的情况下完成此操作？如果可能的话，我仍然希望能够使用相对定位来简化操作。

- asutherland

用 position: relative 重新排列它们怎么样？ - John Dvorak

@jan dvorak，我想要更明确地表达我的意思，我希望它们仍然能够向左浮动。因为我将会动态地添加和删除它们，所以我不想设置左边界和顶部，也不想进行管理。 - asutherland

1

您可以使用IFrame大小的占位符，并在每次回流时浮动并定位（甚至轻松动画化）IFrame。 - John Dvorak

还不错，有点取巧但可能会起作用，谢谢。 - asutherland

@JanDvorak 提出的解决方案有效吗？ - Kevin Brydon

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- KFox · Answer 1

唯一的方法是将一个变量设置为iframe的contentWindow/contentDocument。然后使用任何你想要的方法来重新定位或删除它并创建一个新的，然后将其contentWindow/contentDocument设置为之前存储的变量。

顺便说一下，我是一个业余的iframer，如果这个想法很愚蠢，请随意告诉我，但请不要对此感到恐慌。