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

 

 1<HTML>
 2<SCRIPT LANGUAGE="JScript"> 
 3function numberCells() 
 4{
 5    var count=0;
 6    for (i=0; i < document.all.mytable.rows.length; i++)
 7    {
 8        for (j=0; j < document.all.mytable.rows(i).cells.length; j++
 9        {
10            document.all.mytable.rows(i).cells(j).innerText = count;
11            count++;
12        }

13    }

14}

15
16function tb_addnew()
17{
18    var
19    ls_t=document.all("mytable")
20    maxcell=ls_t.rows(0).cells.length;
21    mynewrow = ls_t.insertRow();
22
23    for(i=0;i<maxcell;i++)
24    {
25        mynewcell=mynewrow.insertCell();
26        mynewcell.innerText="a"+i;
27
28    }

29}

30
31function tb_delete()
32{
33    var ls_t=document.all("mytable");
34    maxcell=ls_t.rows.length;
35
36    if(maxcell > 1)
37    {
38        ls_t.deleteRow() ;
39    }

40}

41
42</SCRIPT>
43<BODY onload="numberCells()">
44<TABLE id=mytable border=1>
45<TR><TH> </TH><TH> </TH><TH> </TH><TH> </TH></TR>
46<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
47<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
48</TABLE>
49<input type=button value="Ins Row" onclick="tb_addnew()">
50<input type=button value="Del Row" onclick="tb_delete()" >
51</BODY>
52</HTML> 
53 
54 
55
56 
posted @   meil  阅读(2010)  评论(1编辑  收藏  举报
编辑推荐:
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
阅读排行:
· 2分钟学会 DeepSeek API,竟然比官方更好用!
· .NET 使用 DeepSeek R1 开发智能 AI 客户端
· DeepSeek本地性能调优
· autohue.js:让你的图片和背景融为一体,绝了!
· 10亿数据,如何做迁移?
点击右上角即可分享
微信分享提示