我试图将<div id="demo"></div>
更改为<div id="demo">Hello<World.</div>
问题出在我的例子中,结果是<div id="demo">Hello</div>
。
如何将结果设为<div>Hello<world.</div>
?
示例:
var str = "Hello<world.";
document.getElementById("demo").innerHTML = str; // Hello
&#13;
<div id="demo"></div>
&#13;
ASD
答案 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<world.";
答案 3 :(得分:2)
浏览器认为它是html标记的开头。尝试使用<
。
var str = "Hello<world.";
console.log(str); // Hello
答案 4 :(得分:1)
使用textContent
代替innerHtml
因为<
是一个html字符串,所以它将'world'视为标记。
var str = "Hello<world.";
document.getElementById("demo").textContent = str;
<div id="demo">
</div>