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>

score 39 · Accepted Answer · edited May 30 '14 at 14:22

39

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 '14 at 14:22

TheGeekZn

3,696
10
55
91

answered Apr 24 '12 at 16:36

Sethunath K M

4,702
3
28
42

An iframe is not generated. Although, I'm no longer receiving any errors under firebug – Patriotec Apr 24 '12 at 16:43
7

Google.com wont be loaded in iframe . try some other link . See https://developer.mozilla.org/en/The_X-FRAME-OPTIONS_response_header – Sethunath K M Apr 24 '12 at 16:45
You are correct. I tried another website and it worked. Thank you for the help – Patriotec Apr 24 '12 at 16:51

Create iframe with javascript appending to a div

1 Answers1

Linked