JavaScript-使用innerHTML作为实际html而不是纯文本

当我试图使用如下文本区域的

innerHTML

更改

document.documentElement.innerHTML

时：

document.documentElement.innerHTML = document.querySelector('#mytextarea').innerHTML

#mytextarea

的

innerHTML

不是用作更改DOM的实际HTML，而是用作纯文本

例如：如果

#mytextarea

的

innerHTML

是

一个段落

然后加载后的文档看起来像：

一段

，而不是

一段

---

我应该如何做才能使用

#mytextarea

中的值来更改DOM？（例如添加新元素）

无需使用任何JavaScript即可轻松实现这一点。您只需在HTML代码中插入特殊字符

<p>A paragraph</p>

那个奇怪的代码会显示为

<p>A paragraph</p>

段落

如果您不知道代码，请使用以下代码：

编辑：

---

它们被称为HTML转义字符或HTML实体。这里列出了很多方法：

使用

.value

获取文本区域的内容，而不进行编码

document.getElementById（“documentElement”）.innerHTML=document.querySelector（“#mytextarea”）.value

段落

请特别阅读本手册。我们通常只希望看到问题及其相关的代码/情况，而不是玩笑或额外的文本。documentElement可能与document.documentElement的内容重复？根据，document.documentElement只读属性返回作为文档根元素的元素（例如，HTML文档的元素）。这与OP想要的正好相反。@Juhana我想这正是他在问的问题：“我应该怎么做才能将其用作实际的HTML而不是纯文本？”谢谢你的回答，但我的意思是使用HTML字符串（例如：
”
）来更改DOM，如果我使用上面的字符串，文档中可能会有一个图像。@wirher当我们有堆栈片段时，为什么我们需要一个JSFIDLE？谢谢，它起作用了。起初我很困惑，后来意识到我没有更新文本区域中的值。我的问题解决了。（顺便说一句，stackoverflow非常快，我几分钟前问过，马上就有答案了。）