如何在换行符上插入javascript textNode元素

Question

我在javascript中插入了几个textNodes,并且无法弄清楚如何用回车分隔它们.我尝试过"\n","\ r"和"
",但它们都不起作用

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

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

我希望它显示为:

第1行的节点

第2行的节点

不

第2行上的节点在第2行上

关于如何实现这一目标的任何提示？

Answer 1

使用<br>将它们分开为这样的

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

Answer 2

渲染引擎不考虑换行和回车.如果你使用<br />这样的话会更好:

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);

谢谢Doug Owings.另外http://jsfiddle.net/Q8YuH/3/