Javascript 如何使用DOM方法在不同位置创建多个元素

所以我使用了一个循环来创建我认为是w3卡形式的多个div，但它似乎只创建了一个div。我如何解决这个问题，我可以指定一个属性，将其放置在一个特定的位置，或者使其成为一个特定的大小，因为目前它占据了整个屏幕的宽度。另外，这个片段是在一个更大的方法中，最终我会给玩家发送一个值，是的，我知道如果这个循环工作正常，只会创建三张牌，一个玩家被排除在外，因为他们是裁判，不需要一张牌。再次感谢您的帮助

var players = 4;
for(r = 0; r < players; r++){
  var r = document.createElement("div");
  r.className = "w3-card-4 w3-yellow w3-center";
  document.body.appendChild(r);
  r.innerHTML = "a meme";
}

var=4；
对于（r=0；r

您的循环将无法运行，因为您的条件很可能只满足一次<代码>r=0；r<运动员；r++因为您重新分配了

r

的值。 请为计数器尝试另一个变量，如下所示：

var players = 4;
for(i = 0; i < players; i++){
  var r = document.createElement("div");
  r.className = "w3-card-4 w3-yellow w3-center";
  document.body.appendChild(r);
  r.innerHTML = "a meme";
}

var=4；
对于（i=0；i

哦，是的，我不敢相信我忽略了，哈哈，我觉得自己太愚蠢了XD@RichieZ这只是你有时需要的第二双眼睛；）如果你觉得有帮助的话，欢迎接受我的回答