Javascript 在appendChild（）之后向源中插入换行符

我正在使用创建一个div

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

这会在

vidContainer

内部创建一个

div

，因为它在一个循环中，所以会创建几个

s。页面上的所有内容都以我希望的方式完美地显示出来

我的问题是，我希望我的来源看起来也不错。我可以在

innerHTML

中插入

\n

任何我想插入的地方，这样可以很好地将事情分解，但是新的

div

标记的结束

和开始
div
标记在同一行上运行

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



我正在寻找在
和
之间插入
\n
的方法

有没有办法让
appendChild（）
执行此操作，或者有没有其他方法可以在一个div的结尾和另一个div的开头之后立即插入该
\n
 浏览器中的控制台通常会自动插入新行


　　　　　　　　　Chrome
　　　　　　　　　　　　　　　Firefox（带）

但是，如果确实要手动添加新行，则必须执行此操作，但不建议执行以下操作：

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

document.body.innerHTML = nodes;

//-or-

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

var nodes=“abc\n\
定义”；
document.body.innerHTML=节点；
//-或-
document.body.appendChild（document.createTextNode（“\n”）；



为什么不应手动添加新行


这会使脚本运行速度变慢
没必要
可能会搞砸DOM
标记之间的源代码内部的新行不会影响任何内容。据我所知，它只在
标记内可见。为什么要这样做？无论如何，您将无法看到源代码。（无论是在
查看源代码：
还是开发人员工具中）当我在FF中突出显示页面上的部分，然后右键单击->查看源代码时，我都可以看到它。@carlos这就是我要做的一切。。。让源代码看起来更漂亮。@JasonMayoff-Firefox中的默认控制台很糟糕。。。在Webkit浏览器中尝试Firebug或开发工具。