Question

我希望这个标题能够解释我想要实现的目标。如果没有，请继续阅读！

我目前正在编写一个Lorem Ipsum生成器（作为一种学习体验，虽然我可能会在我的网站上为S＆amp; G提供它）

到目前为止，我已经设法将代码从列表中输出一个随机句子到文本框中。我还创建了一个用于创建Lorem Ipsum项目符号列表的生成器。每当有人通过该工具生成一些文本时，我希望有一个带有格式化文本的框（paragraphes，项目符号等），然后是另一个带有原始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码代表组成＆lt;，/和＆gt;所需的每个字符。

例如：＆lt; li＆gt;是

&#60;li&#62;

希望能帮到别人！

在Javascript字符串中显示HTML代码

2 个答案: