主页 / 问题 / 1367561
Accepted
Nikita
Asked:2022-05-31 23:09:00 +0800 CST2022-05-31 23:09:00 +0800 CST

表格填充不起作用

  • 772

代码片段：

<table id="tbl"></table>
<script>
for(var i = 0; i < 10; i++){
        tbl.innerHTML += "<tr>";
        for(var j = 0; j < 50; j++){
            tbl.innerHTML += "<td>&nbsp;</td>";
        }
        tbl.innerHTML += "</tr>";
}
</script>

表格是这样填写的：

<tr></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr>...

应该是这样的：

<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
...
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
...
</tr>...
javascript

2 个回答

  1. Best Answer

    不要将未完成的 html 添加到表格中。浏览器本身会关闭未关闭的tr.

    var rows = "";
for(var i = 0; i < 10; i++){
    rows += "<tr>";
    for(var j = 0; j < 50; j++){
        rows += "<td>&nbsp;</td>";
    }
    rows += "</tr>";
}
tbl.innerHTML = rows;
    • 1

  2. 你的错误是什么，@Igor 已经建议了，但我只是提供一个替代方案：

    tbl.innerHTML = `<tr>${`<td>&nbsp;</td>`.repeat(50)}</tr>`.repeat(10);
    • 1

相关问题