javascript - 尝试使用 javascript 删除 DOM 表

Question

我有一个程序，每次按下按钮时都会创建一个表格。

页面在点击时不断创建重复的表格。

我正在尝试删除/删除/替换该表(如果存在)，但它没有执行任何操作。

我尝试过以下代码

document.getElementById("paragraphDOM").outerHTML = "";
            document.getElementById("paragraphDOM").remove();
            document.getElementById("paragraphDOM").removeChild(tbl);
            document.getElementById("paragraphDOM").blur;
            document.getElementById("paragraphDOM").innerHTML = "";

这些都没有摆脱原始表格，我什至尝试创建一个段落并将表格添加到其中，然后将其删除，因为我在尝试将外部 html 设置为“”时遇到错误，它需要一个父级。

Answer 1

如果您使用 MSIE，则必须引用表的父级才能删除节点:

let table = document.getElementById('#mytable');
let parent = table.parentNode;
parentNode.removeChild(table);

否则，在所有其他当前浏览器中，您应该能够仅使用 .remove :

let table = document.getElementById('#mytable');
table.remove();

另请参阅caniuse.com了解更详细的浏览器支持信息。