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

Question

I have text like this: "Ngo Kim Huynh ". Then I want to append this text to a div tag in HTML. This is my code:

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

Only "Ngo Kim Huynh" is shown, because it's understand "the.fallen.angel.9x@gmail.com" is an HTML tag. So, how to show full text?

Answer 1

Escape the brackets (or set it as text):

< is escaped form of < &gt; is escaped form of >

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

Use the text() function to append 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

You can use jQuery text() function. text() will replace the text in element so you need to manually append new text to existing then update the element content using text()

Please see the fiddle https://jsfiddle.net/ponmudi/2r5jg802/

HTML

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

Script

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