Utwórz element iframe z dołączeniem javascript do elementu div

Question

Chcę załadować/dołączyć element iframe do elementu div za pomocą zwykłego javascript. Mogę to zrobić z JQuery bez problemu, ale nie chcę dołączać pliku js. Wciąż dostaję błąd "document.getElementById (" ad54 ")" (lub jakikolwiek id przypisać div). Mam następujący kod:

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> 

Answer 1

należy napisać to wewnątrz window.onload jak

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); 

}