如何將純字符串附加到div中？

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));
});

演示： 小提琴

---

正如@BillCriswell所述，如果容器#i_want_only_string為空，則可以使用.text（）之類的

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

演示： 小提琴

Answer 2

您可以使用輸入文本作為innerText的新標記的contents append容器

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

DEMO