This article illustrates how JavaScript implements dynamic additions and deletes rows. Share to everyone for your reference. Specifically as follows:
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26-27--28 29---30 31--32 33 34 35 36 37 38-39 40 41 42 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 5 86 87 88, 89 90 91 92 93 94 95 96 97 98 99 |
|
The JavaScript implementation dynamically adds or deletes rows of the table
?
1-2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19-20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40-41 |
<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 W (); for (i=0;i<maxcell;i++) {Mynewcell=mynewrow.insertcell (); mynewcell.innertext= "a" +i;}} function Tb_delete () {var ls_t=document.all ("MyTable"); maxcell=ls_t.rows.length if (Maxcell > 1) {ls_t.deleterow () ; } </SCRIPT> <body onload= "Numbercells ()" > <table id=mytable border=1> <TR><TH> </th& gt;<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= "Ins Row" onclick= "Tb_addnew ()" > <input type= Button value= "Del Row" onclick= "Tb_delete ()" > |
The
wants this article to help you with your JavaScript programming.