在javascript中从HTML表中删除一行

Question

我有管理HTML表格的javascript代码。代码需要能够从HTML表中删除一行。

我目前正在使用以下代码删除该行：

var rowToDelete = ...;

if (rowToDelete)
    rowToDelete.remove();

这在Firefox＆amp;但是，当我在IE 11和IE中加载页面时，Chrome调出javascript调试器，显示

  

对象不支持属性或方法'remove'

我还没有在早期版本的IE中尝试过这段代码。

如何以跨浏览器方式执行此操作？我的页面确实包含了jQuery，所以我可以使用jQuery方法。

Answer 1

Chrome支持元素.remove() 你应该这样做：

rowToDelete.parentNode.removeChild(rowToDelete);

如果您想在IE中使用此功能，可以将该功能添加到HTMLElement原型中。

HTMLElement.prototype.remove = function (){
    this.parentNode.removeChild(this);
}

Answer 2

确保你的rowToDelete是一个jQuery对象，如下所示：

var rowToDelete = $('tr');
rowToDelete.remove();

Answer 3

如果它是dom元素你可以做

$(rowToDelete).remove();