`
aideehorn
  • 浏览: 260693 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

动态添加表格

HTML 
阅读更多

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        <title>增加Table行</title>
    </head>
    <script>
        function addRow(obj)
        {
        //添加一行
        var newTr = testTbl.insertRow();
        //添加两列
        var newTd0 = newTr.insertCell();
        var newTd1 = newTr.insertCell();
        //设置列内容和属性
        newTd0.innerHTML = '<input type=checkbox id="box4">';
        newTd1.innerText= '新加行';
        }
    </script>
    <body>
        <table id="testTbl" border=1>
            <tr id="tr1">
                <td ><input type=checkbox id="box1"></td>
                <td id="b">第一行</td>
            </tr>
            <tr id="tr2">
                <td ><input type=checkbox id="box2"></td>
                <td id="b">第二行</td>
            </tr>
            <tr id="tr3">
                <td ><input type=checkbox id="box3"></td>
                <td>第三行</td>
            </tr>
        </table>       
        <br />
        <input type="button" id="add" onclick="addRow();" value="Add Row" />
    </body>
</html>

分享到：
| window.open()的所有参数列表
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    android动态添加表格行_动态布局.zip

    在Android开发中，动态添加表格行是一个常见的需求，特别是在创建数据列表或者展示可变数据时。这个主题主要涉及Android的布局管理和控件操作。本文将深入探讨如何在Android应用中实现这一功能，主要包括以下几个...

    android动态添加表格行

    在Android开发中，动态添加表格行是一个常见的需求，特别是在创建数据展示或者用户输入表单时。这个场景通常涉及到`TableLayout`布局，它是Android提供的一个用于构建网格样式的视图容器。下面我们将深入探讨如何在...

    JQuery_可拖曳动态添加表格、动态排序

    JQuery 可拖曳动态添加表格、动态排序 JQuery 是一个流行的 JavaScript 库，提供了丰富的功能来简化 Web 开发。今天，我们将探讨如何使用 JQuery 实现可拖曳动态添加表格、动态排序的功能。 可拖曳动 可拖曳动是 ...

    动态添加表格并有表格的边框效果

    在IT领域，尤其是在Web开发和移动应用开发中，动态添加表格是一种常见的需求，它允许用户在运行时根据需要创建和修改表格结构。本知识点主要关注如何实现“动态添加表格并有表格的边框效果”，这通常涉及到编程语言...

    js动态添加表格

    javascript实现动态的添加表格功能

    jQuery+ajax实现动态添加表格tr td功能示例

    ### jQuery+ajax实现动态添加表格tr td功能 在进行Web开发时，我们经常需要动态地从服务器获取数据，并将这些数据展示在网页上。表格是展示这些数据的一种常见形式。本文将详细解析使用jQuery和ajax技术来实现动态...

    JavaScript实现动态添加表格中的行

    在JavaScript编程中，动态添加表格行是一个常见的需求，特别是在数据可视化或者用户交互丰富的网页应用中。这个功能允许我们在用户操作或者接收到服务器数据时，实时地向HTML表格中插入新的行，更新显示的信息。以下...

    Android应用源码之android动态添加表格行-IT计算机-毕业设计.zip

    在Android应用开发中，动态添加表格行是一种常见的需求，特别是在数据展示或者用户交互场景下。这个"Android应用源码之android动态添加表格行"的压缩包文件提供了相关的示例代码，对于正在做毕业设计或者想要深入...

    动态添加Table表格

    本示例将详细介绍如何在ASP.NET后台使用C#语言来实现动态添加表格的功能。 首先，我们需要了解动态创建表格的基本步骤： 1. **创建表格对象**：在C#代码中，使用`new`关键字创建一个`HtmlTable`对象，这是ASP.NET...

    动态 添加 表格 table

    动 态 添 加 表 格 动态添加表格 动态添加表格 动态添加表格

    安卓Android源码——动态添加表格行.zip

    在安卓（Android）开发中，动态添加表格行是一项常见的任务，尤其在构建数据展示或用户交互界面时。本文将深入探讨如何使用Android源码来实现这一功能，主要围绕`TableLayout`组件进行讲解。 `TableLayout`是...

    android动态添加表格行.zip

    在“android动态添加表格行.zip”中，我们可以找到一个名为`TableLayoutDemo`的示例项目，它展示了如何实现这个功能。 首先，我们需要理解`TableLayout`的基本用法。`TableLayout`是一个垂直布局容器，可以包含多个...

    动态添加表格实例_aspx开发教程.rar

    在ASP.NET Web Forms开发中，动态添加表格是一个常见的需求，特别是在数据展示或用户输入场景下。这个"动态添加表格实例_aspx开发教程"应该详细介绍了如何在ASPX页面上实现这样的功能。动态表格允许开发者根据需要在...

    动态添加js,动态添加表格和删除表格,批量添加记录，批量添加

    动态添加js,动态添加表格和删除表格,批量添加记录，批量添加

    javascript动态添加表格数据行

    在JavaScript编程中，动态添加表格数据行是一种常见的需求，特别是在构建交互式的Web应用程序时。这个功能允许用户在不刷新整个页面的情况下添加新的记录，提高了用户体验。在这个例子中，我们将探讨如何利用...

    动态添加表格和删除表格.html

    动态添加表格和删除表格.html

    Android高级应用源码-android动态添加表格行.zip

    在Android开发中，动态添加表格行是一个常见的需求，特别是在创建数据展示或者用户输入的界面时。这个"Android高级应用源码-android动态添加表格行.zip"压缩包提供了相关的示例代码，帮助开发者理解如何在Android...

    点击按钮，动态添加表格

    通过按钮事件，实现动态添加表格元素,可以获得更多的表格

    动态添加表格行.zip

    在Android开发中，动态添加表格行是一个常见的需求，特别是在创建数据展示或者用户交互的界面时。这个主题主要涉及Android的布局管理、数据绑定以及事件处理。以下是对这一知识点的详细说明： 1. **布局管理**：...

Magicbox
Global site tag (gtag.js) - Google Analytics