Question

js动态添加tr，删除checkbox选中的行?

删除前

删除后

删除后tr是没有 了，但是tr里面的td还存在！请帮忙看看！谢谢！

function del(){
var input = document.getElementsByTagName("input");
for(var j=0;j<input.length;j++){
if(input[j].type == "checkbox" ){
if(input[j].checked){
var arr = input[j];
var tr = arr.parentNode.parentNode;
var tab = arr.parentNode.parentNode.parentNode;
if(tr.id != null && tr.id != ""){
document.getElementById(tr.id).removeNode();

}
}
}
}
}





Answer 1

if(tr.id){//省掉了tr.id != null && tr.id != "" 多好
    tr.parentNode.removeChild(tr);
};

Answer 2

...你用id删除的..而且删除的是节点..不会删除子节点的...直接用deleteRow和deleteCell删除...

追问

是tr对象调用么？还是table对象调用啊？能说的详细点么？给出代码更好！急用！谢谢！

追答

table调用..table.deleteRow[索引]..删除单元格 row.deleteCell[索引];

Answer 3

function del(){
var tab=document.getElementById('HRSTable');
for(var i=tab.rows.length-1;i>0;i--){
if(tab.rows[i].cells[0].getElementsByTagName('input')[0].checked){
tab.deleteRow(i);
}
}
}