javascript - 我只能从以下 Javascript 中 append 1 个卡片元素

Question

我只能从以下 Javascript 中 append 1 个卡片元素。请帮忙。

var gb = document.getElementById('game-board');
var cardCount = document.getElementsByClassName('card');
var children = document.createElement('div');

var createCards = function() {
  for (var i = 0; i < 5; i++) {
    children.className = 'card';
    gb.appendChild(children);
  };
};

createCards();

Answer 1

您只有 1 个“子”项目，需要在循环内不断移动。修复它的一种方法是每次在 append 之前克隆它:

var gb = document.getElementById('game-board');
var cardCount = document.getElementsByClassName('card');
var children = document.createElement('div');

var createCards = function() {
  for (var i = 0; i < 5; i++) {
    children.className = 'card';
    gb.appendChild(children.cloneNode(true));
  };
};

createCards();