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

最新推荐文章于 2024-09-03 17:02:58 发布

zqq88

最新推荐文章于 2024-09-03 17:02:58 发布

阅读量503

点赞数

分类专栏： Javascript 文章标签： javascript function button delete input border

本文链接：https://blog.csdn.net/zqq88/article/details/1334229

版权

Javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<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 οnlοad="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="新增" οnclick="tb_addnew()">
   <input type=button value="删除" οnclick="tb_delete()" >
   </BODY>
   </HTML>

zqq88

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript动态增加、删除、填充表格内容

function numberCells() { var count=0; for (i=0; i { for (j=0; j { document.all.mytable.rows(i).cells(j).innerText = count; count++
复制链接

扫一扫

专栏目录