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

因此这是必需的。用户可以在text_field输入中插入标签。

我从数据库这样获得数据。

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

我只想将此append设为纯字符串。不是标签

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

我想要的结果只是打印

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

最佳答案

尝试附加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