遗漏的类型错误：未能执行上“节点”的appendChild'：参数1的类型不是“节点”

Question

var line = "<p><strong>" + name + ": </strong>" + message.field_message_body.und[0].value + "</p>"; 
console.log(line); 
console.log(document.getElementById("messages")); 

document.getElementById("messages").appendChild(line); 

messages exists and it returns

<div id=messages"></div>

没什么似乎是空的，所以我不知道为什么这被抛出。

没有人有任何想法，为什么它可能会引发此错误？

Answer 1

您要通过的line变量不是Node，这是String。请首先尝试使用

var line = document.createElement("p"); 
line.innerHTML = "<strong>" + name + ": </strong>" + message.field_message_body.und[0].value; 
document.getElementById("messages").appendChild(line); 

Answer 2

如何：

var line = "<p><strong>" + name + ": </strong>" + message.field_message_body.und[0].value + "</p>"; 
var msgHTML = document.getElementById("messages").innerHTML; 
document.getElementById("messages").innerHTML = msgHTML + line;