Javascript：在“for”循环中创建多个元素

Question

在我的项目中，我尝试使用 DOM 和 JavaScript 创建一个循环来创建多个元素，如下例所示：

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

在实践中，我需要在一个主要的div 上附加一系列divs（蓝色小方块 - divClick），使用来自ypos 和xpos 的值解析定位，但使用此代码的结果只是一个位于 0,0 坐标处的正方形。

Answer 1

设置

position: relative;

在您的容器 div 和

position: absolute;

在您的子 div 上。