Javascript: create multiple elements into a `for` loop

Question

In my project I'm trying to create, with DOM and JavaScript, a loop to create multiple elements, like this example:

for (i = 0; i < response.click.length; i++) 
{
    var divClick = createElement('div', 'divClick', 'divClk');
    divClick.setAttribute('style','top: '+response.click[i].ypos+';');
    divClick.setAttribute('style','left: '+response.click[i].xpos+';');
    divLogin.appendChild(divClick);
}

In practice I need to append at one main div a series of divs (little blue square - divClick) positioned using value parsing from ypos and xpos, but with this code the result is just one square positioned at 0,0 coordinates.

Thad Blankenship · Accepted Answer · 2014-08-25 20:17:07Z

2

Set

position: relative;

on your container div and

position: absolute;

on your child divs.

answered Aug 25, 2014 at 20:17

Thad Blankenship

2,3023 gold badges16 silver badges16 bronze badges

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

1 Comment

Ruan Mendes Over a year ago

For more explanation, see stackoverflow.com/questions/13867717/…

Collectives™ on Stack Overflow

Javascript: create multiple elements into a `for` loop

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related