Create iframe with javascript appending to a div

Question

I want to load/append the iframe into a div with regular javascript. I can do this with JQuery without a problem, but I dont want to include the js file. I keep getting the error 'document.getElementById("ad54")' (or whatever id I assign the div). I have the following code:

var link = "http://www.google.com"
var iframe = document.createElement('iframe');
iframe.frameBorder=0;
iframe.width="300px";
iframe.height="250px";
iframe.id="randomid";
iframe.setAttribute("src", link);
document.getElementById("ad54").appendChild(iframe);

<div id="ad54"></div>

TheGeekZn · Accepted Answer · 2014-05-30 14:22:38Z

40

You should write this inside window.onload like

window.onload = function(){
   var link = "http://www.quirksmode.org/iframetest2.html"
var iframe = document.createElement('iframe');
iframe.frameBorder=0;
iframe.width="300px";
iframe.height="250px";
iframe.id="randomid";
iframe.setAttribute("src", link);
document.getElementById("ad54").appendChild(iframe);

}

edited May 30, 2014 at 14:22

TheGeekZn

3,96411 gold badges58 silver badges92 bronze badges

answered Apr 24, 2012 at 16:36

Sethunath K M

4,7694 gold badges31 silver badges42 bronze badges

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

3 Comments

Patriotec Over a year ago

An iframe is not generated. Although, I'm no longer receiving any errors under firebug

Sethunath K M Over a year ago

Google.com wont be loaded in iframe . try some other link . See developer.mozilla.org/en/The_X-FRAME-OPTIONS_response_header

Patriotec Over a year ago

You are correct. I tried another website and it worked. Thank you for the help

Collectives™ on Stack Overflow

Create iframe with javascript appending to a div

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related