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。

Answer 2

只需使用parentNode定义表的父级，然后在其上应用removeChild（）

var tbl=document.getElementById("paragraphDOM");
if(tbl) tbl.parentNode.removeChild(tbl);

Answer 3

只要将变量tbl正确定义为您要删除的表，就会将其删除：

tbl.parentNode.removeChild(tbl);

如果您已经准备好替换tbl的新表，请在此处将其命名为newTbl，只需执行以下操作：

tbl.parentNode.replaceChild(newTbl,tbl);

尝试使用javascript

3 个答案: