Create DIV in for loop?(JS)

Question

Is it possible to create a div with a unique ID using a for loop?

for (var i = 0, n = 4; i < n; i++) {
var divTag = document.createElement("div");
divTag.id = "div"i;
divTag.innerHTML = Date();
document.body.appendChild(divTag);
}

Shouldn't this code produce 4 Unique DIVs containing the current date? At the moment it returns nothing.

on a side note, "div"i is a syntax error and, in javascript, syntax errors prevent any further execution of javascript, which is why nothing happens. — jbabey
– jbabey, Commented Aug 2, 2012 at 15:01

Comfortably Numb · Accepted Answer · 2012-08-02 14:58:15Z

2

Use

divTag.id = "div" + i;

And it will produce unique ID

answered Aug 2, 2012 at 14:58

Comfortably Numb

39.9k17 gold badges82 silver badges147 bronze badges

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

1 Comment

bobster Over a year ago

Blind mistake, thank you very much guys. Nice fast answer btw, will accept this answer.

Joe · Accepted Answer · 2012-08-02 14:58:31Z

0

Give this a shot:

divTag.id = 'div' + i;

answered Aug 2, 2012 at 14:58

Joe

6,4163 gold badges31 silver badges32 bronze badges

Comments

Hans Hohenfeld · Accepted Answer · 2012-08-02 14:58:34Z

0

Try

divTag.id = "div" + i;

instead of

divTag.id = "div"i;

Then it should work

answered Aug 2, 2012 at 14:58

Hans Hohenfeld

1,74911 silver badges14 bronze badges

Collectives™ on Stack Overflow

Create DIV in for loop?(JS)

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

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

Linked

Related