Javascript函数不能跨浏览器工作。

时间:2011-09-29 06:53:04

标签: javascript internet-explorer firefox internet-explorer-8

这是我的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);
}

2 个答案:

答案 0 :(得分:2)

除非您在标准模式下使用最新版本,否则

setAttribute在IE中被破坏。它设置属性而不是属性,因此当属性与属性名称不同时,它会失败。不要使用它。

parentDiv.className = "ModelProgressDiv"; // etc

答案 1 :(得分:0)

您的代码在IE8上运行正常:请参阅此fiddle

顺便说一下,请检查函数名createContorl,但这会导致所有浏览器出现问题。

也许,当你说“不在IE中工作”时,你应该解释一下。