<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 添加行小技巧 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
td{
border-style:solid;border-width:1;border-color:green;width:300px;
}
tr{
border-style:solid;border-width:1;border-color:green;width:300px;
}
</style>
</HEAD>
<BODY>
<TABLE id="thetable">
<TR>
<TD><input type="text"></TD>
<TD><input type="text"></TD>
<TD><input type="text"></TD>
<TD><input type="text"></TD>
</TR>
</TABLE>
<INPUT TYPE="button" value="添加行" οnclick="_insertRow()">
<SCRIPT LANGUAGE="JavaScript">
<!--
function _insertRow(){
var newRow;
if(thetable.rows[0]){
//相应条件下cloneNode要比createElement效率快很多
newRow = thetable.rows[0].cloneNode(true);
}else{
newRow = document.createElement("tr");
newRow.appendChild(document.createElement("td"));
}
//注意此处的用法
thetable.rows[0].parentElement.appendChild(newRow);
}
//-->
</SCRIPT>
</BODY>
</HTML>