javascript - 如何将包含 html 内容的变量打印为字符串？

Question

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

例如

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

我想要输出，因为<h1>World</h1>它正在显示

世界

如何解决这个问题？

标签： javascripthtmlstring

Answer 1

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

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

<p id="demo"></p>