javascript - IEの動的配列未定義エラー

Question

動的制御を生成しようとしました。FFで動作していますが、IEでエラーが発生します。

divcntrl[i]未定義です。

次のコードを確認してください。

 var mc=document.getElementById("maindiv");
    var divcntrl = new Array();
    for(var i=0; i<10;i++) {
      divcntrl[i]=document.createElement("div");\\error here
    divcntrl[i].setAttribute("id","div"+ i);
      mc.appendChild(divcntrl[i]);
}

Answer 1

<div1>要素のようなものはありません。コードをフィドルで実行すると、エラーなしで実行されるため、問題は別の場所にあります。悪いバージョンのファイルでキャッシュされていますか？

var mc=document.getElementById("maindiv");
var divcntrl = new Array();
for(var i=0; i<10;i++) {
    divcntrl[i]=document.createElement("div");
    divcntrl[i].innerHTML = i;
    mc.appendChild(divcntrl[i]);
}​

もっと次のようにコーディングしたいと思います

var mc = document.getElementById("maindiv");
var divcntrl = [];
for (var i=0; i<10; i++) {
    var div = document.createElement("div");
    div.id = "div" + i;
    div.innerHTML = i;
    divcntrl.push(div);
    mc.appendChild(div);
}​

Answer 2

DIVはHTML仕様の一部ではないため、"div"+i要素ではなく要素を作成できます"div"+i（ "div1"はHTML要素ではありません）。「div」と「id」を混同していませんか？

Answer 3

問題はこの行にあります

divcntrl[i]=document.createElement("div" + i);

これを試してみてください：

var divElt = document.createElement("div");
divElt.id = i;
divcntrl[i] = divElt;