在javascript中追加带有HTML标签的字符串？

Question

我有这样的文字：“Ngo Kim Huynh”。然后，我想将此文本附加到HTML中的div标签。这是我的代码：

var text = "Ngo Kim Huynh <the.fallen.angel.9x@gmail.com>"; 
$("#divContent").append(text); 

只有“非政府组织金黄长发”显示，因为它是理解“the.fallen.angel.9x@gmail.com”是一个HTML标签。那么，如何显示全文？

Answer 1

逃离托架（将其设置为文本）的< &gt;

<转义形式逃过>

var text = "Ngo Kim Huynh <the.fallen.angel.9x@gmail.com>"; 
$("#divContent").append(text); 

Answer 2

var text = "Ngo Kim Huynh <the.fallen.angel.9x@gmail.com>"; 
 
$("#divContent").append(text);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div id="divContent"></div>

Answer 3

使用形式text()功能将文本追加

var text = "Ngo Kim Huynh <the.fallen.angel.9x@gmail.com>"; 
 
$("#divContent").text(text);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="divContent"></div>

Answer 4

您可以使用jQuery text（）函数。文本（），所以你需要新的文本手动添加使用文本（）

请参阅小提琴https://jsfiddle.net/ponmudi/2r5jg802/

HTML

<div id="divContent">My default content</div>

现有然后更新元素的内容将替换元素中的文本

脚本

var text = " Ngo Kim Huynh <the.fallen.angel.9x@gmail.com>"; $("#divContent").text($("#divContent").text()+text);