Question

I am having issues appending a div to the body tag in IE 9 and down. This is working in Firefox and Chrome.

var currenturl = "the url I am loading";

$(document.body).append('<div id="overlaytransparency"></div><div id="overlaymessage"> <iframe id="overlayframe" src=' + currentUrl + ' scrolling="no" frameborder="0"></iframe></div>');
// ^ This is the line that is erorring

$("#overlaytransparency").show();
$("#overlaymessage").show();

$("#overlaytransparency").click(function () {
    $("#overlaytransparency").hide();
    $("#overlaymessage").hide();
});

    $("#overlayframe").load(currentPath);

I am getting this error in IE:

SCRIPT438: Object doesn’t support property or method ‘getElementsByTagName’

Thanks in advance for any help.

Answer 1

what about

$(document).ready(function() {
    $("body").append();
});