表格動態增加行刪除行

  沒什麼好說的,直接看代碼吧!

<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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章