在appendChild（）之后将换行符插入到源代码中

Question

我正在使用

创建一个div

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

这会在div内创建vidContainer，因为它在循环中会创建其中几个<div>。一切都以我想要的方式显示在页面上。

我的问题是我希望我的源也看起来不错。我可以在\n中的任何位置插入innerHTML，这样可以很好地解决问题，但新版本的结束div标记和开放div标记会一起运行同一行。

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

我正在寻找一种在\n和</div>

之间插入<div class="jkh">的方法

有没有办法让appendChild()执行此操作，还是有其他方法可以在另一个div结束后立即插入\n？

Answer 1

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

  

　　　　　　　　　 Chrome 　　　　　　　　　　　　　　　 Firefox（包含Firebug）

但是，如果您真的想手动添加新行，则必须执行此操作，不建议这样做：

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

document.body.innerHTML = nodes;

//-or-

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

http://jsfiddle.net/DerekL/yL2c6/

---

为什么不应手动添加新行

• 它使您的脚本运行得更慢
• 没必要
• 可能搞砸DOM