javascript - 如何在不应用代码的情况下在 标记内编写代码

Question

我有两个地方，第一个是<textarea></textarea>并用于编写代码。
第二个是，<pre></pre>并用于显示代码。
问题是，当在文本区域中编写代码以将其显示在第二位时，代码将被应用并显示为 HTML 元素，而不仅仅是我想要的代码。

错误的行为:

正确的行为(我想要的):

代码:

<textarea id="inputCode" cols="50" rows="10"></textarea><br/>
<pre id="outputCode"></pre>

Answer 1

使用 innerText设置第二个文本区域的值将仅添加文本值，而不是 HTML。

<pre id="code"></pre>

document.getElementById("code").innerText = "<input type='text' />";

将插入到 pre 标签中，

<input type='text' />

示例

JSFiddle