分享

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

 LibraryPKU 2013-11-06
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 
我来自:向东博客
分类: JavaScript
0
0
(请您对文章做出评价)
上一篇:一个事件激活多个JavaScript函数
下一篇:AJAX核心对象-- XMLHttpRequest 对象使用详解 (二)
posted @ 2006-09-21 14:41 meil 阅读(1281) 评论(1) 编辑 收藏

  
#1楼 2006-09-29 23:37 yj[未注册用户]
没有完全遵循w3c标准,换成其他类型的浏览器就不行了!

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约