Удаление строки из таблицы HTML в javascript

Question

У меня есть код javascript, который управляет таблицей HTML. Код должен иметь возможность удалять строку из таблицы HTML.

В настоящее время я использую следующий код, чтобы удалить строку:

var rowToDelete = ...; 

if (rowToDelete) 
    rowToDelete.remove(); 

Это отлично работает в Firefox & Chrome, однако, когда я загрузить страницу в IE 11 & вызовите отладчик JavaScript, он отображает

Object doesn't support property or method 'remove'

Я еще не пробовал этот код в более ранних версиях IE.

Как это сделать в кросс-браузере? На моей странице включен jQuery, поэтому я могу использовать метод jQuery.

Answer 1

Убедитесь, что ваш rowToDelete является объект JQuery, как это:

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

Answer 2

Chrome поддерживает .remove() на элементах.
Вы должны сделать:

rowToDelete.parentNode.removeChild(rowToDelete); 

Если вы хотите эту функцию в IE можно добавить функцию к прототипу HTMLElement.

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

Answer 3

Если это дом элемент, который вы можете сделать

$(rowToDelete).remove();