如何在里面編寫代碼 <pre> 標簽沒有應用代碼

Question

我有兩個地方，第一個是<textarea></textarea>並用於編寫代碼。
第二個是<pre></pre>並用於顯示代碼。
問題是，當在文本區域中編寫代碼以在第二位顯示它時，代碼被應用並顯示為HTML元素而不僅僅是我想要的代碼。

錯誤的行為：

正確的行為（我想要的）：

編碼：

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

Answer 1

使用innerText設置第二個textarea的值將僅添加文本值，而不是HTML。

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

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

將插入pre標簽，

<input type='text' />

例

的jsfiddle