Create Javascript to add div tag before iframe

Question

How do I add a <div> tag before <iframe> loads, using javascript? For example:

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

kidwon · Accepted Answer · 2016-02-25 16:51:51Z

2

I hope you have jQuery and not going for pure js.

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

answered Feb 25, 2016 at 16:51

kidwon

4,5325 gold badges31 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kelvin · Accepted Answer · 2016-02-25 16:49:02Z

0

You can try

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

answered Feb 25, 2016 at 16:49

Kelvin

6903 silver badges11 bronze badges

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

If you're using jQuery, and the following is your HTML...

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

... then you could use ...

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

... or ...

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

... or ...

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

... to turn it into ...

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

Each of these three statements do pretty much the same thing in this specific context.

CommunityBot

11 silver badge

answered Feb 25, 2016 at 17:13

John Slegers

47.4k23 gold badges205 silver badges173 bronze badges