如何让html标签与的textContent

我用

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

代码输出从上面的h1标签之前的矩形框有html标签。 “代码”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 -->

来源

2017-08-09 Kyaw Siesein

你是什么意思？你给的形象是难以阅读，你可以把你的代码https://codepen.io/或任何其他代码片段，或事件给一个更好的解释吗？ – SGhaleb

分享您的代码以及 –

我已经加入我的代码。谢谢。我在这里是一个新手。所以如果我不能正确地问你问题，请原谅我。 –

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

+ "\n"

像这样：

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

来源

2017-08-09 12:13:55 HerSta

我得到html标签从 “的document.getElementById（” 代码 “）（代码输出”）的innerHTML的textContent =的document.getElementById。“; –

如何让html标签与的textContent

回答

相关问题