javascript - 在 5x5 表中创建 for 循环

Question

我是新手，我正在尝试将我的 for 循环输出转换为 html 5x5 数据表。到目前为止，我有以下代码......

  <table  border=" 1 solid black">
    <script>
    for (var i=1; i<=25;i++)
    {
      document.write("<tr><td>" + i +"</td></tr>");
    }
    </script>
  </table>

这显然是有缺陷的，但我无法自己锻炼。任何帮助都是极好的！谢谢！

Answer 1

尝试

for (var i=1; i<=5; i++) {
    document.write("<tr>");
    for (var j=1; j<=5; j++) {
        document.write("<td>" + i + " " + j + "</td>");
    }
    document.write("</tr>");
}

我建议您使用 JQuery 或 JSTL（如果它是 Java 应用程序）。

JQuery
它应该是这样的（只是把它放到一个循环中）：

$("#tableId tbody").append("<tr><td>content</td></tr>");

JSTL
使用<c:forEach>标签生成表格。

JavaScript
你可以使用insertRow方法，看这里