"<"字符在js中结束字符串

时间:2017-07-22 12:35:38

标签: javascript string dom

我试图将<div id="demo"></div>更改为<div id="demo">Hello<World.</div>

问题出在我的例子中,结果是<div id="demo">Hello</div>

如何将结果设为<div>Hello<world.</div>

示例:

&#13;
&#13;
var str = "Hello<world.";
document.getElementById("demo").innerHTML = str; // Hello
&#13;
<div id="demo"></div>
&#13;
&#13;
&#13;

ASD

5 个答案:

答案 0 :(得分:6)

您正在使用需要HTML字符串的innerHTML。由于<用于在HTML中创建代码,因此单词world会被解释为代码名称。

改为使用textContent

var str = "Hello<world.";
document.getElementById("demo").textContent = str;
<div id="demo"></div>

答案 1 :(得分:2)

您可以使用innerText。

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

答案 2 :(得分:2)

或者您可以使用:

var str = "Hello&lt;world.";

答案 3 :(得分:2)

浏览器认为它是html标记的开头。尝试使用&lt;

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

答案 4 :(得分:1)

使用textContent代替innerHtml因为<是一个html字符串,所以它将'world'视为标记。

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

</div>