使用JavaScript删除TABLE行TR

时间:2014-08-22 06:47:25

标签: javascript html

我正在尝试使用JavaScript从表中删除TR,但是当我点击删除按钮时我不知道它没有删除完整的TR而不是删除img文件。

function remove(rowid)  
{   
    var row = document.getElementById(rowid);
    var table = row.parentNode;
    while ( table && table.tagName != 'TABLE' )
        table = table.parentNode;
    if ( !table )
        return;
    table.deleteRow(row.rowIndex);
}

请查看JS小提琴以获取参考http://jsfiddle.net/h09wsrox/

由于

2 个答案:

答案 0 :(得分:4)

function removee(rowid)  
{   
    var row1 = document.getElementById(rowid);
    var table1 = row1.parentNode;
    while ( table1.tagName != 'TABLE' )
        table1 = table1.parentNode;
    if ( !table1 )
        return;
    table1.deleteRow(row1.rowIndex);

}

我已将您的js函数名称更新为removeremovee,并对其进行了一些小的更改。

这是 DEMO

JavaScript在单独的块DEMO

我希望它可以帮到你。

答案 1 :(得分:1)

我必须做一个类似的功能,但对整个班级。它应该是相似的。不确定您的要求,但我使用JQuery来完成此任务。

function remove(rowid){
    $("#" + rowid).remove();
}

Source