使用for循环生成Html表

Generate Html table using for loop

本文关键字：Html for 循环 使用      更新时间：2023-09-26

请帮助处理下面提到的场景->

我想在一个表中显示从1到30的值，这样，1、2、3应该出现在一个标签中，像4、5、6一样，出现在其他tr标签中，以此类推，直到30值。我想使用表来显示表元素中的值。其中像"1"这样的每个值都应该显示在一个值中，没有"2"应该显示在不同的<TD>中，依此类推

我的意思是说，值"1"应该显示在<Table>标签的单个<TD>中，值"2"应该在另一个<td>标签中显示，依此类推。在随后的三个<TD> s之后，应该使用一个<Tr>。输出应如下所示->

1 2 3 
4 5 6
7 8 9

等等！

如能尽早回复，不胜感激。谢谢

我已经尝试了下面给出的代码，

<script type="text/javascript">
    document.write("        <table width='673' align='center' cellpadding='2' cellspacing='1'>");
    document.write("            <tr>");
    document.write("    <td valign = 'top'>");
    document.write("                </td>");
    document.write("            </tr>");
    var cnt = 0;
    for (var idx = 1; idx <= 30; idx++) 
    {
        cnt = cnt + 1;
        document.write("            <tr>");
            document.write("    <td valign = 'top'>");
            document.write("        <table width='100px' align='center' cellpadding='2' cellspacing='1'>");
            document.write("            <tr>");
            document.write("                <td align='center'>");
            document.write("                   " + idx + "");
            document.write("                </td>");
            document.write("            </tr>");
            document.write("            <tr>");
            document.write("                <td class='label'>");
            document.write("                    <span> name part : " + idx + "</span>");
            document.write("                </td>");
            document.write("            </tr>");
            document.write("            </table>");
            document.write("                </td>");
            if (cnt = 3) 
            {
                document.write("            </tr>");
            }
            if (cnt = 3) {
                cnt = 0;
            }
        }
    document.write("            </table>");
</script>

您可以尝试以下操作：

var mytable = "<table cellpadding='"0'" cellspacing='"0'"><tbody><tr>";
for (var i = 1; i < 31; i++) {
  if (i % 3 == 1 && i != 1) {
    mytable += "</tr><tr>";
  }
  mytable += "<td>[" + i + "]</td>";
}
mytable += "</tr></tbody></table>";
document.write(mytable);

这是一个jsFiddle演示

这是未经测试的psuedo代码，但可能有助于您入门：

var x, row;
for(x=1;x<10;x=x+row)
{
    document.write('<tr>');
    for(row=0;row<2;row++)
    {
        document.write('<td>' + (x + row));
        // Whatever else you want to output
    }
}

编辑：这个答案是在OP编辑他的问题以添加更多信息之前给出的。

使用模运算符%检查第三个数字，并相应地设置标记。

http://en.wikibooks.org/wiki/C_Sharp_Programming/Operators

相关文章：