Как мне удалить элемент из DOM, учитывая его идентификатор?

Question

В данном конкретном случае элемент представляет собой строку таблицы.

Answer 1

Не проверено, но что-то вроде:

var tbl = document.getElementById('tableID');
var row = document.getElementById('rowID');
tbl.removeChild(row);

или

var row = document.getElementById('rowID');
row.parentNode.removeChild(row);

Answer 2

var row = document.getElementById("row-id");
row.parentNode.removeChild(row);

Answer 3

var zTag = document.getElementById ('TableRowID');
zTag.parentNode.removeChild (zTag);

Или в jQuery:

$('#TableRowID').remove ();

Answer 4

JQuery

$('#myTableRow').remove();

Это прекрасно работает, если в вашей строке есть id, например:

<tr id="myTableRow"><td>blah</td></tr>

Чистый Javascript:

Javascript удалить строку из таблицы

function removeRow(id) {
  var tr = document.getElementById(id);
  if (tr) {
    if (tr.nodeName == 'TR') {
      var tbl = tr; // Look up the hierarchy for TABLE
      while (tbl != document && tbl.nodeName != 'TABLE') {
        tbl = tbl.parentNode;
      }

      if (tbl && tbl.nodeName == 'TABLE') {
        while (tr.hasChildNodes()) {
          tr.removeChild( tr.lastChild );
        }
      tr.parentNode.removeChild( tr );
      }
    } else {
      alert( 'Specified document element is not a TR. id=' + id );
    }
  } else {
    alert( 'Specified document element is not found. id=' + id );
  }
}