北漂IT民工 的博客

用jquery添加纯文本的最佳方法

出于安全的考虑,很多时候服务器端的数据是不能生成HTML数据的。

所以我们要找到一个纯文本的方式来显示服务器的数据。

即HTML的代码最终显示的结果还是HTML文本,而不是HTML节点。

为了做到这一点,我也搜索了国内外的网站的文章,没有找到特别好的建议的办法。

有些是建议添加新的tag的方式来添加文本,显然不符合我有洁癖的人士的要求。

于是通过实践找到了一个很实用的方法:

1、通过document.createTextNode可以创建一个无污染的文本节点。

2、然后通过调用JQuery的appendTo方法添加到想要添加的元素上去。

这种方法全天然,无污染,应该是一种非常健康的方式。

除了IE的老浏览器可能会出现内存泄漏的问题外,其它的浏览器应该完全可以放心使用。

代码只有一行,简单如下所示:

1
$(document.createTextNode("<div></div>")).appendTo(p);