Question

所以这是要求。用户可以在text_field输入中插入标记。

我从数据库中得到了这样的数据。

var input = "test<br/><iframe src='http://stackoverflow.com/'>" ;

我只想要append这个PURE字符串。不是标签

但如果我追加它就像标签一样运行。

我想要的结果就是打印

test<br/><iframe src='http://stackoverflow.com/'>

作为纯字符串。

有什么好的解决方案吗？

HTML，

<div id="i_want_only_string">

</div>

的javascript，

$(function(){
            var input = "test<br/><iframe src='http://stackoverflow.com/'>" ;
            $("#i_want_only_string").append(input);
});

DEMO

Answer 1

尝试附加TextNode - 使用document.createTextNode()

创建它

$(function () {
    var input = "test<br/><iframe src='http://stackoverflow.com/'>";
    $("#i_want_only_string").append(document.createTextNode(input));
});

演示：Fiddle

正如@BillCriswell所述，如果容器#i_want_only_string为空，您可以使用.text()之类的

$(function () {
    var input = "test<br/><iframe src='http://stackoverflow.com/'>";
    $("#i_want_only_string").text(input);
});

演示：Fiddle

Answer 2

您可以append使用输入文字为contents

的新标记innerText来容纳您的容器

$(function () {
    var input = "test<br/><iframe src='http://stackoverflow.com/'>";
    $("#i_want_only_string").append($('<span>').text(input).contents());
});

DEMO

如何将纯字符串附加到div中？

2 个答案: