无法在节点上执行追加子项

failed to execute appendchild on node

本文关键字：追加 执行 节点      更新时间：2023-09-26

我正在尝试在我的表中创建一个新的 tr

.js：

function addElement() {
    var message = document.getElementById('inputsend');
    var now = new Date();
    var table = document.getElementById('messagebox');
    var tr = document.createElement('tr');
    var tdTime = document.createElement('td');
    tdTime.innerHTML = now.getHours() +":"+now.getMinutes() + " ";
    var tdName = document.createElement('td');
    tdName = userName + " ";
    var tdMessage = document.createElement('td');
    tdMessage = message;
    tr.appendChild(tdTime);
    tr.appendChild(tdName);
    tr.appendChild(tdMessage);
    table.appendChild(tr);
    document.getElementById('inputsend').value = "";
}

.html：

<table id="messagebox">
</table>

但它不起作用，Chrome 说无法在节点上执行附录子

tdName & tdMessage 中缺少.innerHTML，因此您将字符串传递给appendChild它无法处理的字符串。

var tdName = document.createElement('td');
tdName.innerHTML = userName + " ";
var tdMessage = document.createElement('td');
tdMessage.innerHTML = message;
相关文章：