Функция Javascript не работает кросс-браузер.

Question

Это моя функция JavaScript, которая работает в Chrome и FF5, но не работает в IE.

function createContorl() {
    var parentDiv = document.createElement("div");

    parentDiv.setAttribute("class", "ModelProgressDiv");
    parentDiv.setAttribute("Id", "ProgressDiv");

    var innerContent = document.createElement("div");

    innerContent.setAttribute("class", "ModalProgressDivContent");

    var img = document.createElement("img");

    img.setAttribute("src", "images/loading_large.gif");
    parentDiv.appendChild(innerContent);

    innerContent.appendChild(img);
    document.body.appendChild(parentDiv);
}

Answer 1

setAttribute не работает в IE, если вы не используете самую последнюю версию в режиме стандартов.Он устанавливает свойства вместо атрибутов, поэтому происходит сбой, когда свойство не имеет того же имени, что и атрибут.Не используйте его.

parentDiv.className = "ModelProgressDiv"; // etc

Answer 2

Ваш код отлично работает на IE8: посмотрите это скрипка

Кстати, пожалуйста, проверьте имя функции createContorl, но это может вызвать проблемы во всех браузерах.

Возможно, вам следует объяснить, когда вы говорите "не работает в IE".