在JavaScript中用HTML标记附加字符串？

Question

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

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

仅显示“ Ngo Kim Huynh”，因为它可以理解“ 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（）函数。 text（）将替换元素中的文本，因此您需要手动将新文本追加到现有文本，然后使用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);