javascript - createTextNode 中的新行

Question

我想在 div 中创建一个新段落:

我想在段落中使用新行。我使用\n 转义它们，但它们正在创建新行。我做错了什么？

var oNewP = document.createElement("p");
var oText = document.createTextNode("Harry Huy\nPresident\n283.423.6431\nharry.huy@hello.com");
oNewP.appendChild(oText);
document.body.appendChild(oNewP);

var Test = document.getElementById('Test');
Test.appendChild(oNewP);

http://jsfiddle.net/4qvydycf/4/

Answer 1

文本中的新行通常不会在 HTML 文档中创建新行。您是否使用 JavaScript 并不重要。结果与拥有相同...

<p>Harry Hun
President

…在 HTML 中。新行的处理方式与任何其他空白(换行符、制表符、空格)字符相同。

处理这个问题的方式与处理 HTML 的方式相同。要么:

• 使用多个文本节点，其间带有 br 元素
• 使用 CSS white-space 属性
• 使用默认应用 white-space 属性的元素(例如 pre)。