純js動態克隆表一行元素

純js版：
m = 0 ;// 用於區分input
// 新增一條錄入
function AddTR(){
    m += 1;
    var tableObject = document.getElementById("fpqk_tab");
    var oTr = tableObject.rows[1];
    var newTr = oTr.cloneNode(true);
    tableObject.getElementsByTagName("tbody")[0].appendChild(newTr);
    newTr = tableObject.rows[tableObject.rows.length-1];
    newInputs= newTr.getElementsByTagName("input");
    newTd = newTr.lastChild;
    newTd.innerHTML = "<a href='#' onclick='DelRow(this)' id = 'del_input' title='刪除此行' >刪除</a>";
    for(i=0;i<newInputs.length;i++){
        newInputs[i].id = newInputs[i].id + m ; // 用於區分input
    }
    document.getElementById("but_add"+m).onclick = function(){SelectUserSingle('hydm'+m,'hyxm'+m,'','form1')} 
    document.getElementById("but_del"+m).onclick = function(){ClearUser('hydm'+m,'hyxm'+m);}
       // 有些瀏覽器不支持setAttribute()方法，建議使用以上方法代替；
    //document.getElementById("but_add"+m).setAttribute("onclick","alert( '本時間段秒殺結束，請關注下一時間段！')");
    //document.getElementById("but_del"+m).setAttribute("onclick","ClearUser('hydm"+m+"','hyxm"+m+"')");
    //$("but_add"+m).bind('onclick',function(){ClearUser('hydm'+m,'hyxm'+m);})；
}

 結合jquery版本：

結合JQuery的版本：
//新增一行
function AddRow( tbid ){  
//var tr = $("#"+tbid+" tr").eq(0).clone();   //克隆一行tr
var tr = $("#"+tbid+" tr:last").clone();
tr.appendTo("#"+tbid+"");    //將tr添加到表paramtb最後
//$("#"+tbid+"").append(tr);
//tr.insertBefore("#tb tr:last");   
var idx = $("#"+tbid+" tr").length-1 ; // 獲取table行數 -1 方便從0開始計數id
$("#"+tbid+" tr:last").attr("id", tbid+"_"+idx); //設置tr的id 刪除時使用
// 根據轉入的表的id斷定使用那個刪除函數
if(tbid=='paramtb'){
    htmltext = "<a href='javascript:void(0);' onclick='DelRowParam("+idx+")' style='margin-left:30px;'   title='刪除此行' >刪除</a>";
}else if(tbid=='head'){
    htmltext = "<a href='javascript:void(0);' onclick='DelRowHead("+idx+")'  style='margin-left:30px;'  title='刪除此行' >刪除</a>";
}else if(tbid=='sql'){
    htmltext = "<a href='javascript:void(0);' onclick='DelRowSql("+idx+")'  style='margin-left:30px;'  title='刪除此行' >刪除</a>";
}
$("#"+tbid+" tr:last td:last").html(htmltext);
//表格中input元素id的修改
for(i=0;i<$("#"+tbid+" tr:last input").length;i++){
    iputid = $("#"+tbid+" tr:last input")[i].id.split('_')[1];
    $("#"+tbid+" tr:last input")[i].id = idx+'_'+iputid;//dom對象非jquery對象故不能直接使用attr函數
    $("#"+tbid+" tr:last input")[i].name = idx+'_'+iputid;//後臺req.POST.get() 獲取是經過表單中元素的name獲取的，故須要概念name的值。
}
//表格中select元素id的修改
for(i=0;i<$("#"+tbid+" tr:last select").length;i++){
    iputid = $("#"+tbid+" tr:last select")[i].id.split('_')[1];
    $("#"+tbid+" tr:last select")[i].id = idx+'_'+iputid ;
    $("#"+tbid+" tr:last select")[i].name= idx+'_'+iputid ;
}
//表格中textarea元素id的修改
for(i=0;i<$("#"+tbid+" tr:last textarea").length;i++){
    iputid = $("#"+tbid+" tr:last textarea")[i].id.split('_')[1];
    $("#"+tbid+" tr:last textarea")[i].id = idx+'_'+iputid ;
    $("#"+tbid+" tr:last textarea")[i].name = idx+'_'+iputid ;
}
$("#"+tbid+"_idxs").attr('value',idx+1);
}