使用 Javascript 在列中呈现动态计数 div答案

【问题标题】：Render dynamic count divs in column with Javascript使用 Javascript 在列中呈现动态计数 div
【发布时间】：2018-08-19 12:25:27
【问题描述】：

谁能用 JavaScript 编写逻辑来按列呈现 div。在每列 4 个 div 中。 Div 计数是动态的。

类似的东西

div1 div5 div8
div2 div6 div9
div3 div7 div10
div4 div7 div11 ........

我尝试过使用 map 和 for 但我不能。

【问题讨论】：

标签： javascript html ecmascript-6

【解决方案1】：

只需为每四个元素创建一个新行：

  const parent = document.body; // or whatever
  let row;
  for(let i = 0; i < 25; i++) {
    if(i % 4 === 0) {
      row = document.createElement("div");
      row.className = "row";
      parent.appendChild(row);
   }

   const child = document.createElement("div");
   child.className = "child";
   child.textContent = "div " + i;
   row.appendChild(child);
 }

【讨论】：

【解决方案2】：

如果你想像这样分隔 div，请使用 css 布局，始终渲染元素而不将元素拆分为某物，这是最佳实践

【讨论】：