如何讓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

回答

相關問題