Question

我使用以下命令在文档上创建了一个表格：document.body.appendChild(table)

现在每次我要在表上进行更改

document.body.removeChild(table)
document.body.appendChild(table)

，以便更新我页面上表格的内容。但是，这首先不起作用，因为我得到

app.js：75未捕获的DOMException：无法在“节点”上执行“ removeChild”：要删除的节点不是该节点的子节点。

作为错误消息，它似乎也很笨拙地解决了该问题。

Answer 1

现在我每次在表上进行更改时都希望运行...以便更新页面上表的内容

没有必要这样做。只需修改表即可。它是DOM中的对象；对它的修改由浏览器呈现。这是DOM工作方式的基础。

var table = document.createElement("table");
var tbody = document.createElement("tbody");
table.appendChild(tbody);
document.body.appendChild(table);
var timer = setInterval(function() {
    // This modifies the existing table
    tbody.insertAdjacentHTML(
        "beforeend",
        "<tr><td>" + tbody.children.length + "</td></tr>"
    );
    if (tbody.children.length == 5) {
        clearInterval(timer);
    }
}, 500);

Answer 2

您添加的表由appendChild返回。您以后可以使用它进行修改。

更新通过appendChild创建的元素

2 个答案: