使用 JavaScript 动态显示"<"符号时出现问题

Question

当我尝试显示包含'<'符号的字符串时，符号之后的字符串部分被忽略。但是，当我在console中记录它时，它会正确显示。以下是问题的一个片段:

console.log('display<hide');//Displays Full text
document.getElementById('somediv').innerHTML='display<hide';//Removes remaining part

<div id="somediv">

</div>

为什么会发生这种情况?

编辑:

我知道HTML中的&lt和&gt，但我的问题是关于显示<的问题，因为我有没有问题用innerHTML显示>

Answer 1

切换到innerText:

document.getElementById('somediv').innerText='display<hide';

& lt;和比;是HTML中用于标记的保留字符。

Answer 2

字符串中的左括号被解析为格式错误的HTML，然后<hide被忽略:因此您要么使用.textContent而不是.innerHTML，要么将<字符更改为其HTML实体<