用Javascript字符串顯示HTML代碼

Question

我希望標題能說明我想要實現的目標。 如果沒有，請繼續閱讀！

我目前正在編碼Lorem Ipsum生成器（作為學習經驗，盡管我可以在我的網站上將其用於S＆G的）

到目前為止，我設法獲得了將列表中的隨機句子輸出到文本框中的代碼。 我還創建了一個生成器，用於創建Lorem Ipsum項目符號列表。 每當有人通過該工具生成一些文本時，我想要一個帶有格式化文本（段落，項目符號等）的框，然后另一個帶有原始HTML代碼的框，因此設計人員只需將代碼直接復制並粘貼到他們的文件中即可。編碼程序。 到目前為止，我已經整理了格式化的文本框，但是原始HTML出現了問題。

到目前為止，這是我得到的：

[顯然在開始時有一個var listArray，但我不會再添加它。

var randomList = listArray[(Math.floor(Math.random() *listArray.length))]

document.getElementById("textarea").innerHTML = "<li>" + (randomList) + "</li>" + "<li>" + (randomList) + "</li>" + "<li>" + (randomList) + "</li>";
document.getElementById("textarea-code").innerHTML = "<li>" + randomList + "</li>" + "<li>" + randomList + "</li>" + "<li>" + randomList + "</li>";}

第二行innerHTML行只是第一行的副本，是我要處理的行。

如何獲得第二行輸出：

<li> Line 1 </li>
<li>li Line 2 </li>

到HTML文本框中，而不是將列表項放到項目符號中？

Answer 1

對於第二行，請使用innerText而不是innerHTML

document.getElementById("textarea-code").innerText = 'your html code'

Answer 2

我解決了！ ：d

對於感興趣的人，我對組成<，/和>的每個字符都使用了ASCII碼。

例如：<li>是

<li>

希望對別人有幫助！