javascript - 使用 JavaScript 删除 TABLE 行 TR

标签 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 Fiddle http://jsfiddle.net/h09wsrox/

谢谢

最佳答案

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

单独 block 中的 JavaScript DEMO

希望对你有帮助。

关于javascript - 使用 JavaScript 删除 TABLE 行 TR,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25441102/

相关文章:

php - 减少静态 HTML 页面中的重复

javascript - 如何获取数组 Node.js 中的最后一项?

javascript - JS - 在其中一个对象上添加新属性和值

javascript - 通过键盘输入 2 个数字,并使用 Math ? 显示最大/最小和幂级。

javascript - 在 JSX 代码中将年龄数字显示为红色和粗体

javascript - jQuery .fadeTo() -- 淡出后淡入

javascript - 如果输入值满足要求则添加html属性

html - 更改 font-awesome 圆形图标的背景颜色

jquery - 每 15 秒复制一次 div 并为其添加动画

javascript - Vue.js,下载后动态显示图像