请帮助解决以下提到的场景->
我想在表格中显示从 1 到 30 的值,这样 1、2、3 应该出现在一个标签中,同样,4、5、6 应该出现在其他 tr 标签中,依此类推,直到 30 值。我想使用表格来显示表格元素中的值。其中像“1”这样的每个值都应该显示在一个中,没有“2”应该显示在不同的中<TD>
等等。
我的意思是说值“1”应该显示在单个<TD>
of <Table>
标签,值“2”应该显示在另一个标签中<td>
tag等等,也是在三个后续之后<TD>
s one <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 演示 http://jsfiddle.net/wmkNe/1/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)