更新通过appendChild创建的元素

时间:2018-10-16 16:51:36

标签: javascript html dom

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

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

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

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

  

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

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

2 个答案:

答案 0 :(得分: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);

答案 1 :(得分:0)

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