Javascript For循环遍历数组并创建彼此为兄弟的div

我试图让我的

game2

元素有两个子div，其中包含

gameTwo

数组的内容，但是这个脚本中发生的事情是，它第一次遍历循环时，创建了我想要的子div，但第二次创建了子div的子div。有人可以建议我如何编辑这个，使div都是彼此的兄弟姐妹吗

var gameTwo=['Kansas'，'Villanova']

var gameTwoText = '';
    for (i = 0; i < gameTwo.length; i++) {
        gameTwoText += "<div>" + gameTwo[i];
    }
var secondGame = document.getElementById('game2').innerHTML = gameTwoText;

var gameTwoText=''；
对于（i=0；i

您需要在每个

div

上添加一个结束标记-请尝试：

gameTwoText += "<div>" + gameTwo[i] + "</div>";

gameTwoText+=''+gametwote[i]+''；

---

如果没有

，您永远不会关闭第一个

div

，因此每个后续div都将作为最后一个div的子级创建。

您需要在每个

div

上添加一个结束标记-请尝试：

gameTwoText += "<div>" + gameTwo[i] + "</div>";

gameTwoText+=''+gametwote[i]+''；

---

如果没有

，您永远不会关闭第一个

div

，因此后续的每个div都将作为最后一个div的子级创建。

正如其他人所说，请确保关闭循环中的

div

标记，但是您始终可以使用旧的方式来完成此操作，即通过

DOM

构建元素：

var secondGame = document.getElementById('game2');
var gameTwo = ['Kansas', 'Villanova'];
var div = null;
for (var i = 0, len = gameTwo.length; i < len; i++) {
    div = document.createElement('div');
    div.appendChild(document.createTextNode(gameTwo[i]));
    secondGame.appendChild(div);
}

var secondGame=document.getElementById（'game2'）；
var gameTwo=['Kansas'，'Villanova']；
var-div=null；
对于（变量i=0，len=gameTwo.length；i

正如其他人所说，请确保关闭循环中的

DIV

标记，但是您可以始终以旧式方式执行此操作，通过

DOM

构建元素：

var secondGame = document.getElementById('game2');
var gameTwo = ['Kansas', 'Villanova'];
var div = null;
for (var i = 0, len = gameTwo.length; i < len; i++) {
    div = document.createElement('div');
    div.appendChild(document.createTextNode(gameTwo[i]));
    secondGame.appendChild(div);
}

var secondGame=document.getElementById（'game2'）；
var gameTwo=['Kansas'，'Villanova']；
var-div=null；
对于（变量i=0，len=gameTwo.length；i

您没有关闭循环中的标记。您没有关闭循环中的标记。