在 appendChild() 之后将换行符插入源代码答案

【问题标题】：Insert newline into source after appendChild()在 appendChild() 之后将换行符插入源代码
【发布时间】：2013-04-29 02:44:26
【问题描述】：

我正在使用

创建一个 div

document.getElementById("vidContainer").appendChild(divNode);

这会在vidContainer 内部创建一个div，并且因为它处于循环中，所以它会创建几个<div>s。一切都以我想要的方式完美地显示在页面上。

我的问题是我也希望我的来源看起来不错。我可以在innerHTML 中的任何位置插入\n，这很好地打破了一切，但是新标签的结束div 和开始div 标记在同一行上一起运行。

</div><div class="jkh">

我正在寻找一种在</div> 和<div class="jkh"> 之间插入\n 的方法

有没有办法让appendChild() 这样做，或者有没有其他方法可以在一个div 的结尾和另一个div 的开头之后立即插入\n？

【问题讨论】：

【解决方案1】：

浏览器中的控制台通常会自动插入新行。

　　　　　　　　　Chrome　　　　　　　　　　　　　　　Firefox（带有Firebug）

但是，如果你真的想手动添加新行，你将不得不这样做，不建议这样做：

var nodes = "<div>abc</div>\n\
<div>def</div>";

document.body.innerHTML = nodes;

//-or-

document.body.appendChild(document.createTextNode("\n"));

为什么不应该手动添加新行

【讨论】：