table增加删除的显示问题

Question

弹窗第一次点进去显示正常，后面每在点一次多一行数据，bug调试获取table行数都是1，这个多余的数据不知道哪里来的...
下面是部分主要代码
js代码：$('.data-sele').on('click',function(e){
larer.open({
type:1,
title:'查看信息',
area:'658px',
success:function(dom,index){
//获取参数id
var id=$(e.target).parents('tr').data('id');
//获取table对象
var tab=document.getelementbyid("tab-prodInfo");
//创建tbody
var tbody=document.createelement("tbody");
tab.appendChild(tbody);
$.post(path+'/accetsInfo/sele.json',{
id:id
},function(result){
if(result['success']){
var data=result['result'];
$('#modal-prodInfo').removeAttr("style");
for(var x=0;x<data.length;x++){
var accetsList=[];
var obj=eval(data[x]);
accetsList.push(obj["prodCode"]);
accetsList.push(obj["prodName"]);
.....后续还有几个，这里省略

                                            //创建新的行
                                            var r=document.createelement("tr");
                                            tbody.appendchild(r);
                                            for(var i=0;i<accetsList.length;i++){
                                                //创建新的列
                                                var c=document.createelement("td");
                                                c.innerHTML=accetsList[i];
                                                r.appendchild(c);
                                            }
                                        }
                                }
                            })
                    },
                    btn:['取消'],
                    no:function(index){
                        layer.close(index);
                    },
                    end:function(index){
                      //获取table对象
                        var tab=document.getelementbyid("tab-prodInfo");
                        //获取table行数
                        var rowNum=tab.rows.length;
                        for(var i=0;i<rowNum;i++){
                            if(i==0){
                                continue;
                            }
                            //删除行
                            tab.deleteRow(i);
                            rowNum=rowNum-1;
                            i=i-1;
                        }
                    }
        })

})

页面部分代码：

字段1		字段1		字段1	.......

Answer 1

你用的appendchild方法就会在元素其后追加元素。所以就出现了点一次就多一条
那么为什么table的行数为1呢;
因为你追加上的元素没有被获取到；
js动态追加元素时，获取可以用$("body").on("click","#...",function(){})如此的方法