Contoh dalam artikel ini menerangkan kaedah pelaksanaan TR dan TD untuk menambahkan Jadual secara dinamik dengan JS. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: var tempRow=0; var maxRows=0; fungsi insertRows(){ <br> tempRow=table1.rows.length-1; maxRows=tempRow; <br> tempRow=tempRow 1; var Rows=table1.rows;//Array-like Rows <br> var newRow=table1.insertRow(table1.rows.length);//Masukkan baris baharu <br> var Cells=newRow.cells;//Sel seperti Array <br> untuk (i=0;i<2;i )//7 lajur data dalam setiap baris <br /> { <br /> var newCell=Rows(newRow.rowIndex).insertCell(Cells.length); newCell.align="center"; suis (i) <br /> { <br /> kes 0: newCell.innerHTML="<td valign='top'>corpName</TD>"; kes 1: newCell.innerHTML="<td valign='top'><a href='javascript:delTableRow("" tempRow "")'>delete</a></TD>"; ; <br> } <br> } <br> maxRows =1; } <br> fungsi delTableRow(rowNum){ <br> if (table1.rows.length >rowNum){ <br> table1.deleteRow(rowNum); } <br> } <br> </SKRIP> </head> <badan> <br> <form action=""> <table border="0" cellspacing="0" cellpadding="0" width="98%" align="center"> <tr valign="top"> <th> <br> <input value="Add" type="button" onclick="insertRows()"> </th> </tr> </table> <br> <br /> <br> <table border="1" width="98%" align="center" id="table1"> <tr> <br> <th >Nama Perniagaan</th> <th>Operasi<th> </tr> </table> <br> </form> </body> </html><br><br> <br>Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang. <br> </div>
