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