Javascript 为什么不是'；这张桌子排序不正确吗？

不知道为什么表没有正确地按行和列排序。 我试图创建一个二维数组，然后使用嵌套for循环自动创建一个表

列表=[
[12, 4, 22],
[11, 32, 7],
[9, 16, 13]
];
对于（变量i=0；i

正文{
背景色：黑色；
颜色：白色；
}

列表[0]
名单[1]
名单[2]

您不能将碎片添加到

innerHTML

。当您执行

tablebody.innerHTML+=”，浏览器会在紧接着添加一个关闭

您需要将字符串构建到它自己的变量中，然后执行
tablebody.innerHTML=yourTableVar之后

var tableData = '';

for (var i = 0; i < list.length; i++) {
  tableData += "<tr>";
  for (var j = 0; j < list[i].length; j++) {
    tableData += "<td>" + list[i][j] + "</td>";
  }
  tableData += "</tr>"
}

tablebody.innerHTML = tableData;

var tableData=''；
对于（变量i=0；i

此外，您的
的HTML不正确。您需要将
作为标题行，并将
标记与列标题一起使用：

<thead id="tablehead">
    <tr>
        <th>List[0]</th>
        <th>List[1]</th>
        <th>List[2]</th>
    </tr>
</thead>


列表[0]
名单[1]
名单[2]

const tablebody=document.querySelector（'table#table tbody'））
，列表=
[ [ 12,  4, 22 ]
, [ 11, 32,  7 ]
, [  9, 16, 13 ]
]
for（让列表的第行）
{
设nRow=tablebody.insertRow（）
for（让vCol离开行）
{
nRow.insertCell（）.textContent=vCol
}
}
正文{
背景色：黑色；
颜色：白色；
}
桌子{
边界塌陷：塌陷；
}
表td{
填充物：5px；
宽度：20px；
高度：20px；
边框：1px纯绿色；
文本对齐：居中；
}
餐桌{
背景色：深蓝色；
}

列表[0]
名单[1]
名单[2]
您能详细说明“正确”的含义吗？有几个错误，没有tds，只有3 tr。另外，您最好使用
document.createElement（）
：。。。