html点击自动添加删除列,script添加删除行/js随意操控table/删除指定行

js添加删除行

//要确定行的唯一性(提示：你可以使用你的主键)

var id=1;

//添加行的方法

function addTr()

{

//获得表格对象

var tb=document.getElementById('testTab');

//添加一行

var newTr = tb.insertRow(-1);//在最下的位置

//给这个行设置id属性，以便于管理(删除)

newTr.id='tr'+id;

//设置对齐方式(只是告诉你，可以以这种方式来设置任何它有的属性)

newTr.align='center';

//添加两列

var newTd0 = newTr.insertCell();

var newTd1 = newTr.insertCell();

//设置列内容和属性

newTd0.innerHTML = "本行id为："+id; //让你看到删除的是指定的行

newTd1.innerHTML= "移除";;

id++;

}

//移除行的方法

function moveTr(id)

{

//获得表格对象

var tb=document.getElementById('testTab');

//根据id获得将要删除行的对象

var tr=document.getElementById('tr'+id);

//取出行的索引，设置删除行的索引

tb.deleteRow(tr.rowIndex);

}

表格：

操控此表格

第二列

添加一行