Zeichen „<“ enden Zeichenfolge in js

Question

Ich versuche <div id="demo"></div>-<div id="demo">Hello<World.</div>

Problem in meinem Beispiel zu ändern, ist das Ergebnis <div id="demo">Hello</div>.

Wie kann ich das Ergebnis erhalten <div>Hello<world.</div>?

Beispiel:

var str = "Hello<world."; 
 
document.getElementById("demo").innerHTML = str; // Hello

<div id="demo"></div>

asd

Answer 1

Sie innerHTML verwenden, die eine HTML-Zeichenfolge erwartet. Da < zum Erstellen von Tags in HTML verwendet wird, wird das Wort world als Tag-Name interpretiert.

Verwenden textContent statt:

var str = "Hello<world."; 
 
document.getElementById("demo").textContent = str;

<div id="demo"></div>

Answer 2

können Sie verwenden Innertext.

var str = "Hello<world."; 
document.getElementById("demo").innerText = str; 

Answer 3

Verwendung textContent statt innerHtml als < ist ein HTML-String, so dass es 'Welt' als Tag behandelt.

var str = "Hello<world."; 
 
document.getElementById("demo").textContent = str;

<div id="demo"> 
 

 
</div>

Answer 4

Oder Sie verwenden können:

var str = "Hello<world."; 

Answer 5

Der Browser denkt, dass es der Beginn einer HTML-Tag ist. Versuchen Sie es mit <.

var str = "Hello<world."; 
console.log(str); // Hello