js写一个的表格,通过点击按钮给表格增加一行

1.写一个默认四行四列的表格,包含ID,姓名,年龄,操作。操作列有两个按钮,点击删除按钮,删除一行。点击增加按钮,增加一行( id自增 )。谢谢了!!!

用jquery写比较方便点。

答案完善了一下,代码如下。其实这样有bug,但是比较容易修改,只要完善一下function addtab() 就行。

<html>
<head>
  <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
  <script>
    function addtab(){
     var tcount=$("#tab tr").length;
     var tpl='<tr id="s'+tcount+'"><td>'+tcount+'</td><td>姓名</td><td>年龄</td><td onclick="deltab('+tcount+')">删除</td></tr>';
     $("#tab").append(tpl);
    }
    function deltab(x){
    $("#s"+x).remove();
    }
  </script>
  </head>  
<body>
  <div>
    <span onclick="addtab()">增加</span>
    <table id="tab">
      <tr>
      <td>ID</td><td>姓名</td><td>年龄</td><td>操作</td>
      </tr>
    </table>
  </div>
</body>
</html>

但是我的理解是,ID号应该是返回给后台,后台再给前台比较好。

温馨提示:答案为网友推荐,仅供参考
相似回答