JS删除表格行
先取得表格:
var table = document.getElementById("table");
然后遍历表格的行数进行删除:
for(var i=0; i table.deleteRow(i); }
这时会发现结果并不像预期那样,是因为删除一行后,table.rows.length会变小,所以先将table.rows.length 赋值给变量len,这时JS会报错,是因为每删一行后,len的值没变,而实际的行数却在变少,所以代码应该是:
Js代码
var len = table.rows.length;
for(var i=0; i table.deleteRow(0);
}
删除指定行://删除指定行
function removeTr(obj){
var table = document.getElementById('myTable');
var td = obj.parentNode;
var tr = td.parentNode;
var rowIndex = tr.rowIndex;
//删除指定Index的行
table.deleteRow(rowIndex);
}
清空表格tbody中的行://清空列表
function clearTbody(){
if(confirm('确定清空表格数据???')){
var tbody = document.getElementById('tBody');
var len = tbody.rows.length;
//从前向后删
/*for(var i = 0; i < len; i ++){ tbody.deleteRow(0); }*/ //从后向前删 for(var i = len; i > 0; i --){
tbody.deleteRow(0);
}
}
//保留一行
addTr();
}