Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node' [duplicate]

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>

Nothing appears to be empty, so I'm not sure why this is being thrown.

Does anyone have any idea why it might be throwing this error?

Answer 1

The line variable you're passing isn't a Node, it's a String. Try first using

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

Answer 2

How about this:

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;