Javascript 向表单元格添加数组元素 //为我的游戏创建一个表。 var table=document.createElement（“表”）； 表3.1=1； //生成包含4行4列的表 对于（变量i=0；i

我正在用纯Javascript制作一个memorygame，这是我用来生成gameboard的代码，一个包含4x4单元格的表格。我有一个由16个随机生成的数字组成的数组（每个数字有1对），我想在每个单元格中放置一个数字，但我无法思考如何为其编写代码。

我认为在将文本节点放入单元格之前，需要将其添加到单元格元素中

// Creates a table for my game.
var table = document.createElement("table");
table.border = 1;

// Generates a table with 4 rows and 4 columns
for (var i = 0; i < 4; ++i) {
    var row = document.createElement("tr");
    table.appendChild(row);

    // Creates a cell with the respective number
    for (var j = 0; j < 4; ++j) {
        var cell = document.createElement("td");
        row.appendChild(cell);
        cell.appendChild(document.createTextNode(myArray));
    };
};

innerDiv.appendChild(table);

//Skapar en cell med Respective siffra。
对于（var j=0；j<4；++j）{
var cell=document.createElement（“td”）；
cell.appendChild（document.createTextNode（myArray[k]）；///切换行
row.appendChild（单元格）；///切换行
};

尝试以下操作：

    // Skapar en cell med respektive siffra.
    for (var j = 0; j < 4; ++j) {
        var cell = document.createElement("td");
        cell.appendChild(document.createTextNode(myArray[k]));  //// switched line
        row.appendChild(cell);  //// switched line
    };

//为我的游戏创建一个表。
var table=document.createElement（“表”）；
表3.1=1；
//生成包含4行4列的表
对于（变量i=0；i<4；++i）{
var行=document.createElement（“tr”）；
表2.追加子项（行）；
//Skapar en cell med Respective siffra。
对于（var j=0；j<4；++j）{
var cell=document.createElement（“td”）；
cell.appendChild（document.createTextNode（myArray[k]）；
子行（单元格）；
};
};
innerDiv.appendChild（表）；

在为td赋值之前，先添加td。创建文本节点后尝试追加。

替换

// Creates a table for my game.
var table = document.createElement("table");
table.border = 1;

// Generates a table with 4 rows and 4 columns
for (var i = 0; i < 4; ++i) {
    var row = document.createElement("tr");
    table.appendChild(row);

    // Skapar en cell med respektive siffra.
    for (var j = 0; j < 4; ++j) {
        var cell = document.createElement("td");      
        cell.appendChild(document.createTextNode(myArray[k]));
        row.appendChild(cell);
    };
};

innerDiv.appendChild(table);

与

cell.appendChild(document.createTextNode(myArray[k]));

---

我认为问题在于没有正确地递增

k

。尝试

cell.innerHTML=myArray[i*4+j]

而不是

cell.appendChild（…）

。当然，假设您在

myArray

中有16个值。非常有用，谢谢。

cell.appendChild(document.createTextNode(i*4+(j+1)));