javascript - 如何将 HTML 字符串转换为纯文本并将其附加到 JavaScript 中的 DIV？

Question

这是我的问题：

我有一个从 jQuery 发布请求返回的文本变量。我解析 JSON 并运行一个 for 循环。在对象内部，我有一些如下所示的变量。

post_content: "<iframe src="THEURLREMOVEDFORQUESTION" height="281" width="500" allowfullscreen="" frameborder="0"></iframe> Ready to plan you first visit? <a href="THEURLREMOVEDFORQUESTION">Click here</a>."

因此，当我将其附加到 DIV 时，整个 iFrame 就会出现。有谁知道是否有一个函数可以用来打印字符而不是呈现 HTML？基本上有一个简单的函数我可以使用，比如 encode(); 或者其他的东西？

抱歉，如果这是重复的。我搜索了一段时间，没有找到任何东西。

Answer 1

您应该设置.text()div 的，所以它不会呈现 HTML，示例：

<div id="test"></div>

$("#test").text("<p>See this is showing the tags</p>");

演示：http: //jsfiddle.net/w3UF4/

Answer 2

你可以用纯 JavaScript 做到这一点：

myDiv.appendChild(document.createTextNode(post_content));

Answer 3

如果您想将新内容附加到可能已经有内容使用的 divtext()和append()

<div id="container"></div>

$("#container").append($("<div>", { text: data.post_content }).html());

---

这里的例子：http: //jsfiddle.net/hunter/YG48U/