如何在使用textContent获取html标签后插入新行

Question

这就是我正在做的事情。

我使用

获得了html标签

document.getElementById("code").textContent = document.getElementById("code-output").innerHTML;

代码输出是从上面的h1标签到矩形框之前。 “code”ID是我想要显示上面写的html标签的矩形框。

我想在这里实现的是我想在每个html标签之后插入新行（底部框）。有没有办法插入新行？

由于

这是代码

document.getElementById("code").textContent = document.getElementById("code-output").innerHTML;

#container {
  width: 80%;
  margin: 0 auto;
  text-align: justify;
}

#code {
  display: block;
  height: auto;
  overflow-y: scroll;
  font-family: "Courier";
  font-size: 18px;
  padding: 20px;
  border: 1px solid #DCDCDC;
}

<div id="container">
  <div id="code-output">
    <h1> နိဒါန်း </h1>
    <p>
      ...
    </p>
    <p>...
    </p>
    <h2>မိမိဘာကိုလေ့လာနေတာလည်း ခွဲခြားသိရှိရမည်</h2>
    <p>
      ...
    </p>
  </div>
  <!-- code output -->

  <code id="code">
  </code>
</div>
<!-- end of container -->

Answer 1

将以下内容添加到代码的末尾：

+ "\n"

像这样：

document.getElementById("code").textContent = document.getElementById("code-output").innerHTML + "\n"