表格动态增加行删除行

来源:互联网 发布:手机三分屏软件 编辑:程序博客网 时间:2024/05/16 19:48

  没什么好说的,直接看代码吧!

<html>
  <head>
     <script type="text/javascript">
          function test(){
             var row = table.insertRow(1);//表示在第几行插入
             var col = row.insertCell(0);//表示插入第几列,可以插入多列
             col.innerHTML = "22";//也可以是<input type="button" value="aa" />
             row.setAttribute("id","id_2");
           }

           function test1(){
              table.deleteRow(0);//删除行,可以选择任意列!
           }
     </script>
  </head>
  <body>
     <table id="table" border="1">
       <tr id="id_1"><td>1</td></tr>
     </table>
<input type="button" value="add" onclick="test();" />
<input type="button" value="delete" onclick="test1();" />
  </body>
</html>