js动态添加行的bug

Question

   var oTbody = document.getElementById("tbd1");
   
   var newIndex = document.getElementById("tbd1").rows.length;
   
   var oTrNew = document.createElement("TR");
   
   
   var oTr = document.getElementById("tr1").cloneNode(true);
   
   for(var m=0;m<oTr.childNodes.length;m++){
    
    var oTd = oTr.childNodes[m].cloneNode(true);
    
    var ohtml = oTd.innerHTML;
    var nhtml = ohtml.replace(/-0-/g,newIndex);
    
    oTd.innerHTML = nhtml;
    
    oTrNew.appendChild(oTd);
   }
   oTbody.appendChild(oTrNew);
这样可以实现动态添加行数，但是存在一个BUG，就是点击添加的时候，如果第一行的文本框有值，会将值一起克隆添加，怎么让这个BUG消失啊，求高手解决

Answer 1

 oTrNew.appendChild(oTd);
 document.getElementById("..."+newIndex ).value = ""; //重新赋值一次 ？

Answer 2

这个不算是Bug吧，如果值都没复制过来，还算啥克隆啊？用正则表达式，把所获得的innerHTML做一次替换吧，替换掉value="xxoo"就行了。另外，建议用jQuery来做这些DOM操作，提升浏览器兼容性。