从 <div> 标签中删除表格答案

【问题标题】：Remove table from <div> tag从 <div> 标签中删除表格
【发布时间】：2012-12-02 03:23:25
【问题描述】：

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

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。我该如何处理？

【问题讨论】：

请通过以下链接stackoverflow.com/questions/3387427/…

标签： javascript c# jquery asp.net html-table

【解决方案1】：

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

【讨论】：

【解决方案2】：

获取元素id并使用remove()

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

【讨论】：

【解决方案3】：

如果你想删除内部 html，那么你应该这样做：

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

【讨论】：

@user1509 请检查此link.. 可能对您有所帮助

【解决方案4】：

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

使用 jQuery

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

使用 Javascript

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

或

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

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

【讨论】：

对于带有 ID 的元素，只需使用 $('#tableIdToRemove')。在后台，jQuery 将使用document.getElementById，这将比您展示的第二个示例更快、更简单。