Создание содержимого iframe с элементами, созданными родительским объектом Document

Question

Я пишу код, который динамически заполняет содержимое iframe.В приведенном ниже примере используется объект document объекта iframe:

function createIFrame() {
    var iframe = document.createElement("iframe");
    iframe.onload = function() {fillIFrame(iframe);};
}

function fillIFrame(iframe) {
    // Creating an "header" element with the embedded Document object.
    var ifdocument = iframe.contentDocument;
    var header = ifdocument.createElement("header");
    header.appendChild(ifdocument.createTextNode("Header."));
    ifdocument.body.appendChild(header);
}

Если я перезапишу заполнение iframe таким образом, используя родительский объект document:

function fillIFrame(iframe) {
   // Using the parent Document object
   var header = document.createElement("header");
   header.appendChild(document.createTextNode("Header."));
   iframe.contentDocument.body.appendChild(header);
}

Это все еще работает.Есть ли существенная разница между этими двумя подходами?