使用for循环生成Html表

2024-01-11

请帮助解决以下提到的场景->

我想在表格中显示从 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(使用前将#替换为@)

使用for循环生成Html表 的相关文章

随机推荐

  • 让 jQuery UI 的日期选择器始终以某个方向打开?

    我正在使用 jQuery UI 的 datepicker 控件position fixed我的页面底部的工具栏 有时 在随机计算机上 日期选择器会出现在工具栏下方 这意味着它位于页面之外 无法查看或与之交互 有没有办法强制日期选择器控件的位
  • 更新 UITabBar 视图?

    我有一个应用程序 我使用工具栏上的按钮来调用视图 但我将其切换为使用选项卡栏 使用按钮时 我在 MainViewController m 中使用以下代码来更新页面上的值 并且工作正常 IBAction loadSummaryView id
  • 以最佳性能将数据插入 SQL Server

    我有一个大量使用数据库 SQL Server 的应用程序 因为它必须具有高性能 所以我想知道从执行时间的角度将记录插入 DB Fastest 的最快方法 我应该用什么 据我所知 最快的方法是创建存储过程并从代码 ADO NET 调用它 请让
  • 根据两个向量计算方向角?

    假设我有两个 2D 向量 一个用于对象的当前位置 一个用于该对象的先前位置 如何计算出行进的角度方向 这张图片可能有助于理解我所追求的 图片 http files me com james ingham crcvmy http files
  • 计算 SQL Server 中表的哈希值或校验和

    我正在尝试计算 SQL Server 2008 中整个表的校验和或哈希 我遇到的问题是该表包含 XML 列数据类型 校验和无法使用该数据类型 必须将其转换为 nvarchar第一的 所以我需要将其分解为两个问题 计算一行的校验和 模式在运行
  • 使用 Eclipse 运行时 rJava 错误

    我已经安装了 R 3 0 1 和 Eclipse Kepler 我已经安装了 StatE 来通过 Eclipse R 控制台运行 R 脚本 没有任何问题 但是 我似乎无法运行 java 程序 我发布我的问题是为了看看其他人是否遇到过这些问题
  • FindItems() 和 BindToItems() 为 EmailMessage.Sender.Address 提供不一致的结果

    经过大量调试后 我将复杂的托管 EWS 问题细化为以下两个简单的测试用例 第一个有效 第二个失败 var view new ItemView 100 PropertySet new PropertySet EmailMessageSchem
  • phpMyAdmin 在哪里存储 phpMyAdmin 用户密码?

    在设置 phpMyAdmin 的过程中 创建了一个 phpMyAdmin 用户 当我查看 phpMyAdmin 数据库权限时 我可以看到该用户 哪个 PHP 文件存储该用户的密码 保罗 不存在 phpMyAdmin 用户这样的东西 phpM
  • Android 菜单上的复选框项目状态

    如何设置菜单的复选框项目部分的初始值 当我启动一个活动时 我想设置一个保存在共享首选项中的布尔值 menu menu
  • 使用 If、ElseIf、ElseIf 比使用 If、If、If 更好吗?

    使用之间真的有什么区别吗 If this Else If that Else 或使用 If this If that Else 执行速度更快吗 编译器或架构有什么区别吗 两者的内容有很大的区别this 块和that 块可以both以第二种形
  • 如何在 VB.NET 中将接口属性设置为只读?

    这是我之前关于接口的问题的后续 我收到了我喜欢的答案 但我不确定如何在 VB NET 中实现它 上一个问题 该属性应该是我的对象接口的一部分吗 https stackoverflow com questions 239909 should
  • 无法安装 Elasticsearch-5.x 的 Search Guard 插件

    由于限制 我不被允许从互联网上安装任何软件包 所以 这个命令对我来说安装没有用搜查卫士 https github com floragunncom search guard bin elasticsearch plugin install
  • 如果没有导航控制器,抽屉布局将无法工作

    为什么我们无法在没有导航 导航控制器的情况下在 Android 中设置抽屉布局 每当我们想要设置抽屉时 我们都需要一个导航控制器 就像下面这样 private lateinit var drawerLayout DrawerLayout p
  • 将 Sublime Text 3 设置为 git commit 文本编辑器

    我在将 sublime 设置为 git 提交消息编辑器时遇到问题 Using git config global core editor subl 错误 错误 无法运行 subl 没有这样的文件或目录 错误 无法启动编辑器 subl 请使用
  • gatsby 和 graphql:过滤特定的单个图像

    我不太了解 graphql 或 gatsby 但我相信通过将其放入 gatsby config js 中 我的所有图像都会加载到 graphql 中 resolve gatsby source filesystem options name
  • 我应该使用哪种 API 将用户权限提升为 Mac OS X 中的超级用户?

    我想将我的应用程序的权限提升为超级用户 安装程序应用程序通过显示来支持这一点这个对话框 http en wikipedia org wiki File Mac OS X Authenticate png 如何显示此对话框以提升权限 附言 我
  • 如何在 Android N 中的时间选择器中获取 30 分钟间隔

    我想要得到30 min interval from time picker dialog下面的代码可以正常工作Android N但不适用于最新设备 下面是我的代码activity public class MainActivity exte
  • 获取mysql资源字符串的第一行?

    这是我的问题 我需要数据库中的多行 并且我需要第一行来执行某些任务 然后再次遍历所有列表以创建记录集 query SELECT FROM mytable result mysql query query firstrow extract f
  • 使用 SAX 解析器解析 html

    我正在尝试使用 SAX 解析器解析普通的 html 文件 SAXBuilder builder2 new SAXBuilder try Document sdoc Document builder2 build readFile NodeL
  • 使用for循环生成Html表

    请帮助解决以下提到的场景 gt 我想在表格中显示从 1 到 30 的值 这样 1 2 3 应该出现在一个标签中 同样 4 5 6 应该出现在其他 tr 标签中 依此类推 直到 30 值 我想使用表格来显示表格元素中的值 其中像 1 这样的每