javascript動態增加、刪除、填充表格內容

來源:互聯網
上載者:User

 

 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 
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.