javascript - 从中删除表标签

Question

我有一个<div>标签，我<table>通过 Javascript 在其中动态添加：

var htmlText = "<table id='table_" + id + "'><tbody>";
htmlText += "<tr> <td><img src='../../Icons/action_delete.gif' onclick='javascript:RemoveUser(\"" + id + "\");' /></td> <td>" +  name + " </td></tr>";
htmlText += "</tbody></table>";
document.getElementById("divSearchUsers").innerHTML += htmlText;

我将多个表添加到 div。现在我想删除一个特定的表。我在 RemoveUser 函数中获得了表的 ID。我该如何进行呢？

Answer 1

与非 jQuery 相关：

在不知道其父级的情况下删除 dom 元素？

function removeElement(el) {
    el.parentNode.removeChild(el);
}

Answer 2

由于 html 元素的 id 应该是唯一的，因此您可以使用 remove 方法直接将其删除。

使用 jQuery

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

使用 Javascript

tableIdToRemove = document.getElementById("tableIdToRemove");
tableIdToRemove.parentNode.removeChild(tableIdToRemove);

或者

如果您有 html 并且chance of duplicate ID在父表之外，那么您可以访问该表以删除与其父表相关的表，如下所示。

$("#divSearchUsers").find('#tableIdToRemove').remove();

Answer 3

获取元素 id 并使用 remove()

$("#table_id").remove();

Answer 4

如果您想删除内部 html，那么您应该执行以下操作：

document.getElementById('table_' + id).innerHTML = "";