100分求助js数组刷新的问题！

我的代码如下：<html>
<head>
<title>test</title>
<script language="javascript" type="text/javascript">
<!--
//复制单元格
function addit(tbn){
var nowtab=document.getElementById([tbn]).innerHTML;
gosearch.innerHTML=gosearch.innerHTML+(nowtab);
}
-->
</script>
<script language="javascript" type="text/javascript">
<!--
var bOnLoad = true;
function setFileFileds(num){
num = parseInt(num);
if(bOnLoad||confirm("即将刷新表格行列数！"))
{
for(var i=1,str="";i<num;i++){
str+="<div id=\"tb00"+i+"\"><table><tr><td>第"+i+"个单元格<\/td><td><input type=\"button\" value=\"+ 复制\" onclick=\"addit(\'tb00"+i+"\')\"> </td><\/tr><\/table><\/div>"; //表格html代码
}
document.getElementById("gosearch").innerHTML=str;
bOnLoad = false;
}
}
//-->
</script> 
</head><body onload="setFileFileds(10);">
<div id="gosearch"></div>  </body>
</html>问题就是：如果点击了复制按钮后，复制后显示页面成了这样：第1个单元格   复制
第2个单元格   复制
第1个单元格   复制   <!--此处没有变成第3个，变成了复制前面第一个单元格的内容一模一样的信息了，也就是数组如何在保证其他单元格数据无刷新的同时，只刷新数组编号？即：变成1.2.3这样的正常排序？-->

解决方案 »

  1.   

    假如每个单元格中有一个input，都输入了文本，以上代码中的数组，如何在点击复制产生新单元格后，输入过的信息不会被刷新掉，同时新产生的单元格会按照已有的数组进行正常排序呢？
      

  2.   


    <html>
    <head>
    <title>test</title>
    <script language="javascript" type="text/javascript">
    <!--
    //复制单元格
    function addit(tbn){
        var nowtab=document.getElementById([tbn]).outerHTML;
        var re = new RegExp(tbn,"g");
        nowtab = nowtab.replace(re, "tb00" +last);
        gosearch.innerHTML=gosearch.innerHTML+(nowtab);
        document.getElementById("tb00" +last).getElementsByTagName("td")[0].innerHTML = "第"+last+"个单元格"
        last++;
    }
    -->
    </script>
    <script language="javascript" type="text/javascript">
    <!--
    var bOnLoad = true;
    var last;
    function setFileFileds(num){
        num = parseInt(num);
        last = num;
        if(bOnLoad||confirm("即将刷新表格行列数！"))
        {
            for(var i=1,str="";i<num;i++){
            str+="<div id=\"tb00"+i+"\"><table><tr><td>第"+i+"个单元格<\/td><td><input type=\"button\" value=\"+ 复制\" onclick=\"addit(\'tb00"+i+"\')\"> </td><\/tr><\/table><\/div>"; //表格html代码
            }
            document.getElementById("gosearch").innerHTML=str;
            bOnLoad = false;
        }
    }
    //-->
    </script> 
    </head><body onload="setFileFileds(10);">
    <div id="gosearch"></div>  </body>
    </html>
      

  3.   


    <html>
    <head>
    <title>test</title>
    <script language="javascript" type="text/javascript">
    <!--
    //复制单元格
    function addit(tbn){
        var obj = document.getElementById(tbn);
        var curnum = tbn.substr(4,tbn.length-4);
        curnum = parseInt(curnum, 10)
        var nowtab=obj.outerHTML;
        var sb = obj;
    var n = curnum+2;
    while((sb=sb.nextSibling)!=null){
    sb.id = "tb00" + n
        sb.getElementsByTagName("td")[0].innerHTML = "第"+n+"个单元格"
        sb.getElementsByTagName("td")[1].innerHTML = "<input type=\"button\" value=\"+ 复制\" onclick=\"addit(\'tb00"+n+"\')\">"
        sb.children[0].outerHTML = sb.children[0].outerHTML
        n++;
    }
        var re = new RegExp(tbn,"g");
        nowtab = nowtab.replace(re, "tb00" + (curnum+1));
    obj.insertAdjacentHTML("afterEnd", nowtab);
        document.getElementById("tb00" + (curnum+1)).getElementsByTagName("td")[0].innerHTML = "第"+(curnum+1)+"个单元格"
        document.getElementById("tb00" + (curnum+1)).getElementsByTagName("td")[1].innerHTML = "<input type=\"button\" value=\"+ 复制\" onclick=\"addit(\'tb00"+(curnum+1)+"\')\">"
        last++;
    }
    -->
    </script>
    <script language="javascript" type="text/javascript">
    <!--
    var bOnLoad = true;
    var last;
    function setFileFileds(num){
        num = parseInt(num);
        last = num;
        if(bOnLoad||confirm("即将刷新表格行列数！"))
        {
            for(var i=1,str="";i<num;i++){
            str+="<div id=\"tb00"+i+"\"><table><tr><td>第"+i+"个单元格<\/td><td><input type=\"button\" value=\"+ 复制\" onclick=\"addit(\'tb00"+i+"\')\"> </td><\/tr><\/table><\/div>"; //表格html代码
            }
            document.getElementById("gosearch").innerHTML=str;
            bOnLoad = false;
        }
    }
    //-->
    </script> 
    </head><body onload="setFileFileds(10);">
    <div id="gosearch"></div>  </body>
    </html>