为5x5表中的循环创建

Creating for loop in 5x5 table

本文关键字:循环 创建 5x5      更新时间:2023-09-26

我是一个新手,我正试图将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>

这显然是有缺陷的,但我很难独自锻炼。任何帮助都会很棒!非常感谢。

尝试

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方法,请参阅此处