javascript - 如何在 Javascript 中获取前三个创建的元素？

Question

我正在使用 Javascript 创建一些 div。我一共需要9个！我使用for这样的循环：

for (let i = 1; i <= 9; i = i + 1) {
  const div = document.createElement('div')
  let array = div
  div.className = 'box box'+ i
  if (i % 3 === 0)
    console.log(array)
}

我将元素存储在名为array. 所以，什么时候i = 3，array应该有<div class="box box1"></div>，<div class="box box2"></div>& <div class="box box3"></div>。相反，它给了我其他结果。我只想要<div class="box box1"></div>, <div class="box box2"></div>& <div class="box box3"></div>。

请帮我解决这个问题！

标签： javascript

Answer 1

    let array = [];
    for (let i = 1; i <= 9; i = i + 1) {
        let div = document.createElement('div');
        array.push(div);
        div.className = 'box box'+ i;
        if (i % 3 === 0)
            console.log(array);
    }