【问题标题】：How to print a variable containing html content as string? [duplicate]如何将包含 html 内容的变量打印为字符串？ [复制]
【发布时间】：2021-06-08 00:08:47
【问题描述】：

我试图将用户输入的数据从文本框中显示到 html div。用户输入的数据可以是任何东西。如果数据包含 html 内容，它就会被搞砸，因为内容不是显示为字符串而不是 html 元素。

例如

let text = "<h1>World</h1>";
document.getElementById("demo").innerHTML = text;

我希望输出为 <h1>World</h1> 而不是显示

世界

如何解决这个问题？

【问题讨论】：

使用innerText 而不是innerHTML

标签： javascript html string

【解决方案1】：

您可以使用innerText 代替innerHTML，这样它就不会将字符串呈现为html。

let text = "<h1>World</h1>";
document.getElementById("demo").innerText = text;

&lt;p id="demo"&gt;&lt;/p&gt;

【讨论】：