创建Javascript以在iframe之前添加div标签

Question

如何使用javascript在加载<div>之前添加<iframe>代码？例如：

<div><iframe>Text</iframe></div>

Answer 1

我希望你有jQuery而不是纯粹的js。

$('iframe').wrap('<div></div>');

Answer 2

你可以尝试

$('iframe').contents().bind('load', function () {
    $('iframe').appendTo('div');
});

Answer 3

如果您正在使用jQuery，以下是您的HTML ...

<main id="content"><iframe>Text</iframe></main>

...然后你可以使用......

$('iframe').wrap( "<div></div>");

......或......

$( "iframe" ).wrapAll( "<div></div>");

......或......

$('#content').wrapInner( "<div></div>");

......把它变成......

<main id="content"><div><iframe>Text</iframe></div></main>

这三个陈述中的每一个在这个特定的背景下都做了几乎相同的事情。

文档：

• .wrap()
• .wrapAll()
• .wrapInner()