<!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>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
</TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
</TR></TABLE>
<INPUT TYPE="button" value="添加行" onclick="_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>