javascript动态增加、删除、填充表格内容

来源：互联网发布：吴鉴鹰单片机百度云编辑：程序博客网时间：2024/05/18 18:17

<HTML>
   <SCRIPT LANGUAGE="JScript">


   function numberCells()
   {
   var count=0;
   for (i=0; i < document.all.mytable.rows.length; i++)
   {
   for (j=0; j < document.all.mytable.rows(i).cells.length; j++)
   {
   document.all.mytable.rows(i).cells(j).innerText = count;
   count++;
   }
   }
   }

   function tb_addnew()
   {
   var ls_t=document.all("mytable")
   maxcell=ls_t.rows(0).cells.length;
   mynewrow = ls_t.insertRow();
   for(i=0;i<maxcell;i++)
   {
   mynewcell=mynewrow.insertCell();
   mynewcell.innerText="a"+i;

   }
   }

   function tb_delete()
   {
   var ls_t=document.all("mytable");

   ls_t.deleteRow() ;
   }

   </SCRIPT>
   <BODY onload="numberCells()">
   <TABLE id=mytable border=1>
   <TR><TH> </TH><TH> </TH><TH> </TH><TH> </TH></TR>
   <TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
   <TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
   </TABLE>
   <input type=button value="新增" onclick="tb_addnew()">
   <input type=button value="删除" onclick="tb_delete()" >
   </BODY>
   </HTML>