Dynamic Array undefined error in IE

Question

I have tried to generate dynamic Control. It is working on FF but IE gives error:

divcntrl[i] is undefined.

Please check the following code:

 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]);
}

msdn.microsoft.com/en-us/library/ie/ms535934(v=vs.85).aspx

ContentiousMaximus
– ContentiousMaximus

2012-10-19 06:18:40 +00:00
Commented Oct 19, 2012 at 6:18 — ContentiousMaximus
– ContentiousMaximus, Commented Oct 19, 2012 at 6:18

epascarello · Accepted Answer · 2012-10-18 12:44:33Z

1

There is no such thing as <div1> element. Running your code in a fiddle, it runs without errors so the problem is somewhere else. Are you cached with a bad version of the file?

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]);
}

I think you would want to code it more like

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);
}

edited Oct 18, 2012 at 12:44

answered Oct 18, 2012 at 12:37

epascarello

208k20 gold badges206 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

epascarello Over a year ago

Your problem is something else since that code will run and it has been proven to run. Clean your cache, make sure you have all the correct files loaded.

ContentiousMaximus · Accepted Answer · 2012-10-18 12:37:08Z

0

You can create a DIV element, NOT a "div"+i element, since "div"+i is not part of any HTML specification ("div1" is not an HTML element). Are you confusing "div" and "id"?

answered Oct 18, 2012 at 12:37

ContentiousMaximus

1,3043 gold badges14 silver badges24 bronze badges

Comments

omerkirk · Accepted Answer · 2012-10-18 12:39:55Z

0

The problem is with this line

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

Just try this:

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

answered Oct 18, 2012 at 12:39

omerkirk

2,5271 gold badge17 silver badges9 bronze badges

Collectives™ on Stack Overflow

Dynamic Array undefined error in IE

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related