Обновить элемент, созданный через appendChild

Question

Я создал таблицу в своем документе, используя: document.body.appendChild(table)

Теперь каждый раз, когда я вносю изменения в свою таблицу, я хочу запустить

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

, чтобы содержимоеТаблица на моей странице обновлена.Это, однако, не работает в первую очередь, так как я получаю

app.js: 75 Uncaught DOMException: Не удалось выполнить «removeChild» на «Node»: удаляемый узел не является дочернимэтот узел.

в виде сообщения об ошибке, и это также кажется действительно неуклюжим решением проблемы.

Answer 1

Ваша добавленная таблица возвращается appendChild.Вы можете использовать его для изменения в будущем.

Answer 2

теперь каждый раз, когда я изменяю свою таблицу, я хочу запустить ... чтобы обновлялось содержимое таблицы на моей странице

Нет необходимости делать это,Просто измените таблицу.Это объект в 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);