js实现html根据参数自动生成行

如题，怎样根据给定的参数i，生成i行单元格

解决方案 »

  1.   

    insertRow,insertCell
    或者createElement("tr") createElement("td")
    进行循环创建即可的
      

  2.   

    <script type="text/javascript">
    function addRow(){
    // var row = document.all("table").insertRow(); 功能与下句相同
    var num = document.getElementById("num").value;
    for(var i = 0; i < num; i++){
    //添加一行
    var row = document.getElementById("table").insertRow();
    //添加一列
    var cal = row.insertCell();
    //给列里添加信息
    cal.innerHTML = "列--------------";
    }
    }
    </script>
    <table id="table"></table>
    <input type="text" id="num">
    <input type="button" value="添加记录" onclick="addRow();">
      

  3.   

    <html>
    <head>
    <script type="text/javascript">
    var tb;
    var tbd;
    function cTb(){
        var v = document.getElementById("ct").value;
         if(/^\d+$/g.test(v)){
         if(!tb){
    tb = document.createElement("table");
         tb.border = "1";
    tbd = document.createElement("tbody");
    }
             
              for(var i=0;i<v;i++){
                   var tr = document.createElement("tr");
    var td = document.createElement("td");
    td.innerHTML = i;
    tr.appendChild(td);
    tbd.appendChild(tr);
                  }
         tb.appendChild(tbd);
    document.body.appendChild(tb);
          }
    }
    </script>
    </head>
    <body>
    <input type="text" id="ct" value="请输入数字" /><input type="button" value="create" onclick="cTb();"/>
    </body>
    </html>
      

  4.   

    function AddRow()
    {
        for(var i=0; i<1; i++)
        {   
            var table = document.getElementById("table1")
            var row = table.insertRow();
            for(var j=0; j<2; j++)
            {   
               var cell = table.rows[table.rows.length - 1].insertCell();
               cell.innerText = j;
            }
        }
    }
      

  5.   

    谢谢大家啊，可能我还没讲明白，我的意思是我从后台读取一个参数，比如3，那我就要在原有的表格上自动再加3行相同格式的，不需要button，各位大虾帮帮忙啊
      

  6.   

    <table id="table"></table>
    <script type="text/javascript">
    function addRow(num){
    for(var i = 0; i < num; i++){
    var row = document.getElementById("table").insertRow();//添加一行
    var cal = row.insertCell();//添加一列
    cal.innerHTML = "列--------------";//给列里添加信息
    }
    }
    //将返回的数据已参数的形式传递给这个函数就行了，如：
    var rownum = 3;//假如后台传过来的是3，那么我就让其生成3行
    addRow(rownum);//执行上面的那个函数
    </script>