<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1"> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> var objTable; function PageLoad() { objTable = document.getElementById( "tbNew" ); //找到操作Table } function tdvalue() { var objTempRow = objTable.rows[0]; //找到Table的模版行 var objNewRow = objTable.insertRow( objTable.rows.length ); //在Table的末尾新增一行 objNewRow.id = objTable.rows.length - 1; //以模版行建立新行内容 for ( var i=0 ; i<objTempRow.cells.length ; i++ ) { var objNewCell = objNewRow.insertCell( i ); objNewCell.innerHTML = objTempRow.cells[i].innerHTML; } } function DeleteTableRow() { if ( objTable.rows.length -1 > 0 ) { objTable.deleteRow(objTable.rows.length-1); } else { // } } window.onload = PageLoad; </script> </head> <body> <form id="Form1" name="Form1"> <input id="btnInsert" name="btnInsert" type="button" onclick="tdvalue()" value="添加新行" /> <input id="btnDelete" name="btnDelete" type="button" onclick="DeleteTableRow()" value="删除末行" /> </form> <TABLE id="tbNew" cellSpacing="1" cellPadding="1" width="100%" border="1"> <!--此处为模版行--> <TR> <TD><input id="txtData_1" name="txtData_1" type="text" value=""/></TD> <TD><input id="txtData_2" name="txtData_2" type="text" value=""/></TD> <TD><input id="txtData_3" name="txtData_3" type="text" value=""/></TD> </TR> <!----------------> </TABLE> </body> </html> 相关文章： 2022-12-23 2022-01-26 2021-09-07 2021-09-17 2021-11-18 2021-07-16 2021-09-18 2022-12-23