javascript - 在 appendChild() 之后在源代码中插入换行符

Question

我正在使用创建一个 div

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

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

我的问题是我希望我的来源也看起来不错。我可以在\n任何我想要的地方插入innerHTML，这很好地分解了事情，但是新的结束div标签和开始div标签在同一行上一起运行。

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

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

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

score 1 · Accepted Answer

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

在此处输入图像描述

　　　　　　　　　Chrome　　　　　　　　　　　　　　　火狐（带有Firebug）

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

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

document.body.innerHTML = nodes;

//-or-

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

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

1 回答 1