Javascript，带'的字符串<'；或'&燃气轮机'；_Javascript_Html

Javascript，带'的字符串<'；或'&燃气轮机'；

javascript html

Javascript，带'的字符串<'；或'&燃气轮机'；,javascript,html,Javascript,Html,我试图用Javascript设置div的内部文本，文本包括，但它不起作用。有什么想法吗下面是我的代码示例（简单的HTML和简单的Javascript）和测试点击操作 <html> <body> <div id="aaa"> div </div> <hr> <a onclick="getElementById('aaa').innerHTML = 'abc';">click ok1</a> <p>

我试图用Javascript设置

div

的内部文本，文本包括

，但它不起作用。有什么想法吗

下面是我的代码示例（简单的HTML和简单的Javascript）和测试点击操作

<html>
<body>
<div id="aaa">
div
</div>

<hr>

<a onclick="getElementById('aaa').innerHTML = 'abc';">click ok1</a>
<p>
<a onclick="var str='asbc'; getElementById('aaa').innerHTML = str;">click ok2</a>
<p>
<a onclick="getElementById('aaa').innerHTML = '<uio>';">click nok1</a>
<p>
<a onclick="getElementById('aaa').innerHTML = '&lt;wer&gt;';">click nok2</a>
<p>
<a onclick="var str='<abc>'; getElementById('aaa').innerHTML = str;">click nok3</a>
<p>
<a onclick="var str='&lt;abc&gt;'; getElementById('aaa').innerHTML = str;">cl nok4</a>
<p>
<a onclick="alert ('&lt;wer&gt;');">click a</a>
<p>
<a onclick="alert ('<w34r>');">click b</a>
<p>

</body>
</html>


div

单击确定1

单击OK 2

单击nok1

单击nok2

点击nok3

二氧化氯硝酸钾

点击

点击b

它在警报中起作用，但在设置

innerHTML

时不起作用。。。

没有

它也能工作，所以必须是字符。

如果在字符串中包含实际的

字符，如

，那么当您将其设置为

innerHTML

时，浏览器将其视为html标记，它无法识别，并且不会显示任何内容

当您在JS中使用与标记内联的html实体（如

“abc”

）时，浏览器首先将其解析为html，然后将其视为JS，因此JS引擎必须处理的是

”

通过在内联

onclick

处理程序中执行此操作，您可以绕过此问题：

document.getElementById("aaa").innerHTML ='&amp;lt;abc&amp;gt;'

…因为当JS引擎获得它时，它将是“abc”

或者您可以将JS移动到脚本元素中，您可以使用

“abc”

不要使用

innerHTML

插入

。使用

textContent

：

getElementById（'aaa'）。textContent='

正如我所理解的，它是对特殊字符使用特殊字符串。但我确实用了。。。而且它不起作用