请问,怎样实现在当前页面增加一行?

Question

<form name="queryFrm" method="POST" action="">
<div id="div_frcBackFund" align="center"> 
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td class="rescontent_" width="10%">预测第几期款 （数字：1）</td>
              <td class="rescontent_" width="17%">预测收款日期 （格式：20050420）</td>
              <td class="rescontent_" width="29%">预测收款金额 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;【 <a href="javascript:add_frcBackFund()">增加</a> 】</td>
            </tr>
          </table>
</div>
</form>
<script language="JavaScript">var frcBackFund_cnt=0;
function add_frcBackFund(){
var frm=document.queryFrm;
var headstr='<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr> ';
headstr+='<td class="rescontent_" width="10%">预测第几期款 （数字：1）</td>';
headstr+='<td class="rescontent_" width="17%">预测收款日期 （格式：20050420）</td>';
headstr+='<td class="rescontent_" width="29%">预测收款金额 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;【 <a href="javascript:add_frcBackFund()">增加</a> 】</td></tr>'; var blankrow='<tr><td class="rescontent_">&nbsp;</td><td class="rescontent_">&nbsp;</td><td class="rescontent_">&nbsp;</td></tr>';
var tailstr='</table>';
var tmpstr='';

var trvAppNo =1;//frm.elements["ERPEXP_T_TrvApp/trvAppNo"].value; 
tmpstr +='<tr><td width="10%" class="rescontent">第<input type="text" name="list[@type=&quot;SFA_T_FrcBackFund&quot;]/SFA_T_FrcBackFund[@rowNum=&quot;'+frcBackFund_cnt+'&quot;]/frcItmNo" value=1 size="5" > 期</td> ';
tmpstr +='<td width="17%" class="rescontent"><input type="text" name="list[@type=&quot;SFA_T_FrcBackFund&quot;]/SFA_T_FrcBackFund[@rowNum=&quot;'+frcBackFund_cnt+'&quot;]/frcDate" size="8" ></td>';
tmpstr +='<td width="29%" class="rescontent"><input type="text" name="list[@type=&quot;SFA_T_FrcBackFund&quot;]/SFA_T_FrcBackFund[@rowNum=&quot;'+frcBackFund_cnt+'&quot;]/frcMoney" size="10" >万元 &nbsp;&nbsp;&nbsp;【 <a href=javascript:del_frcBackFund("'+i+'")>删除</a> 】';
tmpstr +='<input type="hidden" name="list[@type=&quot;SFA_T_FrcBackFund&quot;]/SFA_T_FrcBackFund[@rowNum=&quot;'+frcBackFund_cnt+'&quot;]/itmno" value="'+(frcBackFund_cnt+1)+'">';
tmpstr +='</td></tr>';

for(var i=0;i<frcBackFund_cnt;i++){
 var frcItmNo='list[@type="SFA_T_FrcBackFund"]/SFA_T_FrcBackFund[@rowNum="'+i+'"]/frcItmNo';
 var frcDate='list[@type="SFA_T_FrcBackFund"]/SFA_T_FrcBackFund[@rowNum="'+i+'"]/frcDate';
 var frcMoney='list[@type="SFA_T_FrcBackFund"]/SFA_T_FrcBackFund[@rowNum="'+i+'"]/frcMoney';
 var tmpFrcItmNo=frm.elements[frcItmNo].value;
 var tmpFrcDate=frm.elements[frcDate].value;
 var tmpFrcMoney=frm.elements[frcMoney].value;
   tmpstr +='<tr><td width="10%" class="rescontent">第<input type="text" name="list[@type=&quot;SFA_T_FrcBackFund&quot;]/SFA_T_FrcBackFund[@rowNum=&quot;'+i+'&quot;]/frcItmNo" value="'+parseInt(i+2)+'" size="5" > 期</td> ';
 tmpstr +='<td width="17%" class="rescontent"><input type="text" name="list[@type=&quot;SFA_T_FrcBackFund&quot;]/SFA_T_FrcBackFund[@rowNum=&quot;'+i+'&quot;]/frcDate" value="'+tmpFrcDate+'" size="8" ></td>';
 tmpstr +='<td width="29%" class="rescontent"><input type="text" name="list[@type=&quot;SFA_T_FrcBackFund&quot;]/SFA_T_FrcBackFund[@rowNum=&quot;'+i+'&quot;]/frcMoney" value="'+tmpFrcMoney+'" size="10" >万元 &nbsp;&nbsp;&nbsp;【 <a href=javascript:del_frcBackFund("'+i+'")>删除</a> 】';
 tmpstr +='<input type="hidden" name="list[@type=&quot;SFA_T_FrcBackFund&quot;]/SFA_T_FrcBackFund[@rowNum=&quot;'+i+'&quot;]/itmno" value="'+(i+1)+'">';
 tmpstr +='</td></tr>';
}
 
if(frcBackFund_cnt>0) tmpstr =headstr+tmpstr+tailstr;
else  tmpstr =headstr+tmpstr+tailstr;
div_frcBackFund.innerHTML=tmpstr;
frcBackFund_cnt++;
}
function del_frcBackFund(no){
var frm=document.queryFrm;
var frm=document.queryFrm;
var headstr='<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr> ';
headstr+='<td class="rescontent_" width="10%">预测第几期款 （数字：1）</td>';
headstr+='<td class="rescontent_" width="17%">预测收款日期 （格式：20050420）</td>';
headstr+='<td class="rescontent_" width="29%">预测收款金额 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;【 <a href="javascript:add_frcBackFund()">增加</a> 】</td></tr>'; var blankrow='<tr><td class="rescontent_">&nbsp;</td><td class="rescontent_">&nbsp;</td><td class="rescontent_">&nbsp;</td></tr>';
var tailstr='</table>';
var tmpstr='';
var trvAppNo =1;//frm.elements["ERPEXP_T_TrvApp/trvAppNo"].value;  var itmno;
var rowNum;
var firstHalf=true;
if(confirm("是否要删除?")){
for(var i=0;i<frcBackFund_cnt;i++){
if(i==no){ firstHalf=false; continue; }
 if(firstHalf) { itmno=i+1; rowNum=i; }
 else { itmno=i; rowNum=i-1; }
 var frcItmNo='list[@type="SFA_T_FrcBackFund"]/SFA_T_FrcBackFund[@rowNum="'+i+'"]/frcItmNo';
 var frcDate='list[@type="SFA_T_FrcBackFund"]/SFA_T_FrcBackFund[@rowNum="'+i+'"]/frcDate';
 var frcMoney='list[@type="SFA_T_FrcBackFund"]/SFA_T_FrcBackFund[@rowNum="'+i+'"]/frcMoney';
 var tmpFrcItmNo=frm.elements[frcItmNo].value;
 var tmpFrcDate=frm.elements[frcDate].value;
 var tmpFrcMoney=frm.elements[frcMoney].value;
   tmpstr +='<tr><td width="10%" class="rescontent">第<input type="text" name="list[@type=&quot;SFA_T_FrcBackFund&quot;]/SFA_T_FrcBackFund[@rowNum=&quot;'+rowNum+'&quot;]/frcItmNo" value="'+tmpFrcItmNo+'" size="5" > 期</td> ';
 tmpstr +='<td width="17%" class="rescontent"><input type="text" name="list[@type=&quot;SFA_T_FrcBackFund&quot;]/SFA_T_FrcBackFund[@rowNum=&quot;'+rowNum+'&quot;]/frcDate" value="'+tmpFrcDate+'" size="8" ></td>';
 tmpstr +='<td width="29%" class="rescontent"><input type="text" name="list[@type=&quot;SFA_T_FrcBackFund&quot;]/SFA_T_FrcBackFund[@rowNum=&quot;'+rowNum+'&quot;]/frcMoney" value="'+tmpFrcMoney+'" size="10" >万元 &nbsp;&nbsp;&nbsp;【 <a href=javascript:del_frcBackFund("'+i+'")>删除</a> 】';
 tmpstr +='<input type="hidden" name="list[@type=&quot;SFA_T_FrcBackFund&quot;]/SFA_T_FrcBackFund[@rowNum=&quot;'+rowNum+'&quot;]/itmno" value="'+itmno+'">';
 tmpstr +='</td></tr>';
 }
frcBackFund_cnt--;
if(frcBackFund_cnt>0) tmpstr =headstr+tmpstr+tailstr;
else  tmpstr =headstr+tmpstr+tailstr;
div_frcBackFund.innerHTML=tmpstr;
}
}
</script>

Answer 1

增加一行表格？<script language="JavaScript">
function insertrow()
{
var newrow = document.all.tbl.rows[0].cloneNode(true); //克隆一行
document.all("newTB").appendChild(newrow); //添加刚才克隆的一行
}
function delerow()
{var numrow = document.all("newTB").rows.length;
if (numrow == 1) 
{alert("此行无法删除！");
return false;}
document.all("newTB").deleteRow(numrow-1);
}
</script>
<input type="button" onClick="insertrow();" value="增加一行">
<input type="button" onClick="delerow();" value="删除一行">
<table border="1" cellpadding="1" cellspacing="1">
<tbody id="tbl">
  <tr>
<td><input type=text></td>
<td>aa</aa>
</tr>
</tbody>
<tbody id="newTB">
  <tr>
<td><input type=text></td>
<td>aa</aa>
</tbody>
</table>

Answer 2

性别 | 部门 | 单位 |   <增加按钮>
------------------ |  
null   null   null    (第一行数据,模拟效果)
-------------------|------------------------
null   null   null    (第二行数据,模拟效果)
-------------------|------------------------
高飞   财务   华为    (第三行数据,模拟效果)
-------------------|------------------------
第三行数据,首先点击增加按钮,出现类似前两行的空行,然后再填写上去数据!而且是在当前页面实现!  
现在要问的是当点击增加按钮后,如何在当前页面插入空行!
                                                                         

Answer 3

谢谢天之痕和baiyunfei,稍后我会按照诺言给分的

Answer 4

<style>
td{height:20px;background-color:red}
</style>
<script>
function add()
{
  var tb=document.getElementById('tb');
  tb.childNodes[0].appendChild(tb.rows[1].cloneNode(true));
}
</script>
<body>
<table id="tb">
<tr>
<td>性别</td><td>部门</td><td>单位</td>
</tr>
<tr><td>1</td><td>1</td><td>1</td></tr>
<tr><td>2</td><td>2</td><td>2</td></tr>
</table>
<input type=button value=add onclick="add()">
</body>