返回首页
当前位置: 主页 > 网络编程 > Jsp实例教程 >

利用js实现动态添加表格内容程序代码

时间:2011-05-24 14:37来源:知行网www.zhixing123.cn 编辑:麦田守望者

1 <HTML>
2 <SCRIPT LANGUAGE="JScript">
3 function 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 }
16 function tb_addnew()
17 {
18 var
19 ls_t=document.all("mytable")
20 maxcell=ls_t.rows(0).cells.length;
21 mynewrow = ls_t.insertRow();
23 for(i=0;i<maxcell;i++)
24 {
25 mynewcell=mynewrow.insertCell();
26 mynewcell.innerText="a"+i;
28 }
29 }
31 function tb_delete()
32 {
33 var ls_t=document.all("mytable");
34 maxcell=ls_t.rows.length;
36 if(maxcell > 1)
37 {
38 ls_t.deleteRow() ;
39 }
40 }
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>

------分隔线----------------------------
标签(Tag):Javascript javascript实例教程 javascript特效 javascript代码
------分隔线----------------------------
推荐内容
猜你感兴趣