javascript - 错误: Cannot read property 'replaceChild' of undefined

Question

我正在尝试更新表格以在保存记录时显示新行。我的代码当前再次加载整个表以及现有表。例如，我看到第 1-15 行，然后添加一行并看到总共 31 行，第 1-15 行，然后是第 1-16 行都在同一个表中。

这是我的替换函数代码，它在替换数据时调用原始加载函数。我基于我看到的另一个例子。

function replaceData() {
    var old_tbody = document.getElementsByTagName('tbody');
    var new_tbody = document.createElement('tbody');
    loadData(new_tbody);
    old_tbody.parentNode.replaceChild(new_tbody,old_tbody);

    console.log("Data replaced");
}

我显然不是 JavaScript 专家，因此我们将不胜感激。

Answer 1

getElementsByTagName函数返回 HTML Collection (类似数组的对象)，这意味着您必须指定您想要该数组中的哪一项(即使只有一项)。

所以你的代码基本上应该是:

var old_tbody = document.getElementsByTagName('tbody')[0];

或者您可以使用querySelector它仅返回第一个匹配的元素。像这样:

var old_tbody = document.querySelector('tbody');