How to insert a javascript textNode element on a newline

Question

I insert several textNodes in javascript, and can't figure out how to separate them with carriage returns. I've tried putting "\n", "\r", and "
" but none of them work

var textNode = document.createTextNode("Node on line 1"); element.appendChild(textNode);  textNode = document.createTextNode("Node on line 2"); element.appendChild(textNode); 

I want this to appear as:

Node on line 1

Node on line 2

NOT

Node on line 1Node on line2

Any tips on how I can accomplish this ?

Answer 1

Use <br> to separate them as like this

var br = document.createElement("br"); element.appendChild(br); 

Answer 2

Rendering engines don't consider linefeed and carriage return to be rendered. Better if you use a <br /> like this:

var textNode = document.createTextNode("Node on line 1"); element.appendChild(textNode);  var linebreak = document.createElement('br'); element.appendChild(linebreak);  var linebreak = document.createElement('br'); element.appendChild(linebreak);  textNode = document.createTextNode("Node on line 2"); element.appendChild(textNode); 

Thanks Doug Owings. Also http://jsfiddle.net/Q8YuH/3/