javascript - 在 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()这样做还是有其他方法可以插入 \n在一个 div 结束和另一个 div 开始之后？

Answer 1

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

　　　　　　　　　Chrome　　　　　　　　　　　　　　　Firefox (with 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