html 表格自动增加一行,JS实现对table增加删除行并自动排序

function addMyRow(){

var mytable = document.getElementById("mybody");

var len=mytable.rows.length;

var i=len-1;

var mytr = mytable.insertRow(len);

mytr.setAttribute("id","tr"+i);

var mytd_1=mytr.insertCell(0);

mytd_1.align='center';

//mytd_1.setAttribute("class","index");

var mytd_2=mytr.insertCell(1);

var mytd_3=mytr.insertCell(2);

var mytd_4=mytr.insertCell(3);

var mytd_5=mytr.insertCell(4);

mytd_1.innerHTML=len;

mytd_2.innerHTML="";

mytd_3.innerHTML="";

mytd_4.innerHTML="";

mytd_5.innerHTML="删除";

}

//

function delMyRow(j){

var mytable = document.getElementById("mybody");

var len=mytable.rows.length;

var myrow = document.getElementById("tr"+j);

if(document.getElementById('name'+j).value!=''){

if(window.confirm('确定删除这条数据吗？')){

mytable.deleteRow(myrow.rowIndex);

}else{  return false;}

}else{

mytable.deleteRow(myrow.rowIndex);

}

//

if(j

var name=new Array([len-j-2]);

var area=new Array([len-j-2]);

var qty=new Array([len-j-2]);

var k=0;

for(var i=j+1;i<=len-2;i++){

name[k]=document.getElementById('name'+i).value;

area[k]=document.getElementById('area'+i).value;

qty[k]=document.getElementById('qty'+i).value;

mytable.deleteRow(document.getElementById("tr"+i).rowIndex);

k++;

}

//

var h=j;

for(var i=0;i

addMyRow();

document.getElementById('name'+h).value=name[i];

document.getElementById('area'+h).value=area[i];

document.getElementById('qty'+h).value=qty[i];

h++;

}

}

}

序号	名称	展区	展位数	操作
1				删除