在 HTML 表格中添加二维数组内容时遇到问题答案

【问题标题】：Trouble adding 2d array contents on an HTML table在 HTML 表格中添加二维数组内容时遇到问题
【发布时间】：2022-02-14 13:56:18
【问题描述】：

我正在使用 HTML/JavaScript 制作战舰游戏实现。这个函数应该通过从二维数组（p1Board）中复制带有船只位置的元素来在 HTML 表格中添加船只的位置。

let displayTable = () => {
        document.getElementById("player1turn").hidden = true;
        let table = document.getElementById("player1board");
        for(var i = 1; i < table.rows.length; i++){
          for(var j = 1; j < table.rows.cells; j++){
            table.rows[i].cells[j].innerHTML = p1Board[i - 1][j - 1];
          }
        }
        document.getElementById("player1table").hidden = false;
      }
document.getElementById("p1start").addEventListener("click", displayTable);

然后，当我在浏览器上打开程序时，会出现表格，但没有船只的位置： [战舰板][1] [1]：https://i.stack.imgur.com/Nv1kA.png

【问题讨论】：

您在控制台中看到任何错误消息吗？
没有错误，只是空表

标签： javascript html

【解决方案1】：

问题是您没有指定要从中获取单元格的行。此外，一旦获得单元格，您需要访问它们的 .length 属性。

更改此行

for(var j = 1; j < table.rows.cells; j++)

为此

for(var j = 1; j < table.rows[i].cells.length; j++)

【讨论】：