<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            font-size: 14px;
            -webkit-user-select: none;
        }

        .box {
            margin: 10px auto;
            padding: 20px;
            width: 100%;
            border: 1px solid darkcyan;

            border-radius: 5px;
            box-shadow: 3px 3px 10px 0 grey;
        }

        .box table {
            border-collapse: collapse;/*去除单元格个单元格之间的空隙*/
            border:1px solid #000;
        }

        .box thead tr {
            border:1px solid #000;
            height: 20px;
            line-height: 20px;
            text-align: center;
            /*background: cornflowerblue;*/
        }

        .box thead tr th {
            width: 100px;
            color: #000;
            border-bottom: 1px solid #cccccc;
            padding: 10px;

        }

        .box thead tr th {
            cursor: pointer;

        }

        .box tbody tr {
            height: 30px;
            line-height: 30px;
            text-align: center;
        }

        .box tbody tr td {
            border:1px solid #000;
            width: 100px;
        }

        /*.box tbody tr {*/
        /*background: lightblue;*/
        /*}*/
        input{
            width:100px;
        }

    </style>
</head>
<body>
<div class="box">
    <input type="button" value="添加型号" onclick="insertRow3()">
    <input type="button" value="添加参数" onclick="addRow()">
    <input type="button" value="添加标题" onclick="insertRow()">
    <table id="table_info3">
            <tr>
                <td id="td0"></td>
            </tr>
    </table>
</div>
</body>
</html>
<script src="jquery-3.1.1.min.js"></script>
<script>
    //添加型号
    function insertRow3() {
        //获取table对象
        var table = document.getElementById("table_info3");
        //找到要添加button的td，这里以表格第一行第一列为例子
        for(var i = 0; i<table.rows.length; i++){
            var trid = document.getElementById("td"+i);
            //alert(trid.colSpan);
            if(trid.colSpan!==1){
                trid.colSpan = trid.colSpan + 1;
            }else{
                var oTd2 = table.rows[i].insertCell();
                oTd2.innerHTML = "<input type='text'>";
                //alert(table.rows[i]);
            }

        }
    }
    //添加参数
    function addRow() {
        var table = document.getElementById("table_info3");
        id="td"+table.rows.length;
        var newTR = document.getElementById("table_info3").insertRow(document.getElementById("table_info3").rows.length);
        for(var i=0;i<table.rows[0].cells.length;i++){

            var newNameTD = newTR.insertCell();
        }
        newNameTD.setAttribute('id',id);

        //alert(newNameTD.getAttribute('id'));
        //newNameTD.innerHTML = "<input type='text'/>";
//       var newNameTD = newTR.insertCell();
//        newNameTD.innerHTML = "<input name='LastName' id='LastName' type='text' />";
    }
    //添加标题
    function insertRow() {
        var table = document.getElementById("table_info3");
        id="td"+table.rows.length;
        var oTable = document.getElementById("table_info3");
        var oTr = oTable.insertRow();
        var oTd = oTr.insertCell();
        oTd.setAttribute('id',id);
        oTd.innerHTML = "<input type='text'/>";
        oTd.setAttribute('colspan',table.rows[0].cells.length);

    }
    function add(a){
        a=Number(a)+1;
        return a;
    }
</script>

table的自动增加的更多相关文章

  1. 安卓使用SQlite3数据库无法id主键无法自动增加？不是的。

    安卓使用SQlite3数据库无法id主键无法自动增加?不是的. 要这样写:id integer primary key ,要写integer而不是int所以会报错! http://blog.csdn. ...

  2. MySQL每天自动增加分区

    有一个表tb_3a_huandan_detail,每天有300W左右的数据.查询太慢了,网上了解了一下,可以做表分区.由于数据较大,所以决定做定时任务每天执行存过自动进行分区. 1.在进行自动增加分区 ...

  3. 使用JDBC获取能自动增加的主键

    本篇讲述如何使用JDBC获取能自动增加的主键的值.有时候我们在向数据库插入数据时希望能返回主键的值,而不是通过查询的方式.一般来说,在多表相互关联主键约束,也就是说别的表的外键约束是该表的主键,那么在 ...

  4. jQuery表格自动增加

    <!DOCTYPE html> <html dir="ltr" lang="zh-CN"> <head> <meta ...

  5. 【原】设置iOS项目BuildVersion自动增加

    一.概念阐述:Build与Version的区别 在iOS中有两种“版本号”,也就是所谓的version号与build号,如下图所示: 我们用最简洁的语言来区分这两个版本号的区别以及用途如下: Vers ...

  6. C#获取程序集自动增加的版本号和编译时间

    1. 首先找到文件AssemblyInfo.cs, 路径如下: 2. 修改版本的格式,修改后,程序每次编译,程序集的版本号都会自增. 修改前: [assembly: AssemblyVersion(& ...

  7. 设置iOS项目BuildVersion自动增加－备用

    一.概念阐述:Build与Version的区别 在iOS中有两种“版本号”,也就是所谓的version号与build号,如下图所示: 我们用最简洁的语言来区分这两个版本号的区别以及用途如下: Vers ...

  8. 如何自动增加和从代码读取Xcode项目的版本号

    大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;) Xcode项目和版本号相关的有2个地方Version和Buil ...

  9. 关于发件人地址会自动增加BATV及prvs的问题处理方法

    问题描述: 发现Exchange 2010往外发邮件时,有些用户的发件人地址会自动增加BATV= 及 prvs=绪如,这些的特定字符,变成型如prvs=123456=example@example.c ...

随机推荐

  1. linux命令行将已有项目提交到github

    之前用git是在windows下用git的图形化界面进行操作的,这次有一个写了几天的小项目想提交到git上,linux命令行下面没有图形化的界面,所以全部需要git命令来操作. 实践之后,主要是下面几 ...

  2. html5原生canvas内image旋转

    目前理解下来就是旋转的不是image本身,而是要drawImage的那个canvas的2d context,context本身的绘制就是把图片本来的样子draw出来,至于旋转,透明度之类的效果都是对c ...

  3. 自适应滤波原理及simulink

  4. Bloom Filter 布隆过滤器

    Bloom Filter 是由伯顿.布隆(Burton Bloom)在1970年提出的一种多hash函数映射的快速查找算法.它实际上是一个很长的二进制向量和一些列随机映射函数.应用在数据量很大的情况下 ...

  5. 根据内存布局定位的一个fastdfs坑

    在使用fastdfs时,编写数据上传代码时,遇到一个坑.最终根据指针对应的内存布局定位到一个其client API的一个坑,值得记录一下.具体是在 tracker_connect_server() 这 ...

  6. PP生产订单创建、下达、报工、收货、投料

    转自http://blog.sina.com.cn/s/blog_69fb8eb60102vpjd.html SAP 物料订单创建.下达.报工.收货与投料(ABAP代码) (2015-06-03 22 ...

  7. JDBC修改表数据

    修改数据时用到update语句,使用这个语句时也要有条件的,指定修改某一行的数据,没有条件判断,则修改全部. package qddx.JDBC; import java.sql.*; public ...

  8. Spring 4.x Task 和 Schedule 概述（代java配置）

    转载请注明https://zhangzhaoyu.github.io/2016/09/30/spring-task-and-schedule-deep-research/ 摘要 在很多业务场景中,系统 ...

  9. java的三大框架（二）---Struts2

    Strtu2框架 1.控制器:ActionServlet充当控制层 2.模型层:由ActionForm及业务JavaBean实现 3.视图:用户的看到并与之交互的界面   由struts标签库和jsp ...

  10. 我们还是太NAive

    蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡蛤鸡