在5x5表中创建for循环

时间:2013-08-15 04:40:36

标签: javascript

我是一个新手,我正在尝试将我的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>
这显然是有缺陷的但是我在自己锻炼方面遇到了麻烦。任何帮助都是极好的!谢谢!

1 个答案:

答案 0 :(得分:3)

尝试

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