如何用js代码html？

Question

如果我使用以下内容，则会显示为html：

<h1>heading</h1>

这将是结果：

航向

但是如何解除<code>内的所有角色？

这正是<code>：

内部的结果

<h1>heading</h1>

Answer 1

将标记语法替换为 HTML实体

str = '<foo>';
str = str.replace(/</g, '&lt;').replace(/>/g, '&gt;');
str; // "&lt;foo&gt;"

或者将其作为文本显式插入页面，例如

parent.appendChild(document.createTextNode(str));

---

如果您计划在属性中使用随机字符串，您可能还希望将单引号和双引号转义为安全方。

str = str.replace(/"/g, '"').replace(/'/g, ''');