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

时间:2013-08-13 17:59:50

标签: javascript jquery object

这是我的问题:

我有一个文本变量,我从jQuery post请求返回。我解析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();还是什么?

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

3 个答案:

答案 0 :(得分:6)

您应该设置div的.text(),因此它不会呈现HTML,示例:

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

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

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

答案 1 :(得分:2)

您可以使用纯JavaScript执行此操作:

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

答案 2 :(得分:0)

如果您要将新内容附加到可能已有内容的div,请使用text()append()

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

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

示例:http://jsfiddle.net/hunter/YG48U/