所以我使用了一个循环来创建我认为是 w3-cards 形式的多个 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";
}
最佳答案
您的循环不会运行,因为您的条件很可能只满足一次。 r = 0; r < players; 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";
}
关于javascript - 如何使用 DOM 方法在不同位置创建多个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44293461/