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 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();
}
