javascript replace无法与“ <”一起使用

Question

我正在尝试使用javascript的replace函数替换字符串中的"<"和">" 。 我使用它如下：

 <html> <body onload="myFunction()"> <p id="demo">#include <iostream></p> <script> function myFunction() { var str = document.getElementById("demo").innerHTML; var res = str.replace(/</g, '&lt; ').replace(/>/g, '&gt; '); document.getElementById("demo").innerHTML = res; } </script> </body> </html>

我希望输出为"#include <iostream>" ，但是</iostream>相应的</iostream>附加到所需的输出中。

到底是怎么回事？ 我如何避免这种行为？

Answer 1

因为您的html中有<iostream> ，所以它在浏览器中被解释为标记，从而添加了额外的结束</iostream> 。 似乎您正在尝试使用JS对其进行转义，但为时已晚，因为您的浏览器在javascript之前加载了html，并添加了额外的结束标记。 在您的html中转义它，以避免附加的结束标记被附加为行为：

<p id="demo">#include &lt;iostream&gt;</p>

我只想用<自动替换“ <”和“>” < 和> 分别。 @ rioc0719：我不想手动更换。

请不要尝试使用JS执行此操作。 获取为您执行此操作的IDE。 该死，制作一个服务器端脚本来为您完成此任务； 只是不要为此使用客户端语言JS 。

Answer 2

2个问题的答案

具有“ innerHTML”的自动关闭标签：找到了Javascript-.innerHTML更改了自动关闭标签
替换“ <”和“>”使用textContent

 <html> <body onload="myFunction()"> <p id="demo">#include <iostream> </p> <script> function myFunction() { var str = document.getElementById("demo").innerHTML; var res = str.replace(/</g, '&lt; ').replace(/>/g, '&gt; '); document.getElementById("demo").textContent = res; } </script> </body> </html>

javascript replace无法与“ <”一起使用

问题描述

2 个解决方案

解决方案1
1 已采纳 2015-02-18 00:49:02

解决方案2
0 2015-02-18 05:01:16

javascript replace无法与“ &lt;”一起使用

问题描述

2 个解决方案

解决方案1 1 已采纳 2015-02-18 00:49:02

解决方案2 0 2015-02-18 05:01:16

javascript replace无法与“ <”一起使用

解决方案1
1 已采纳 2015-02-18 00:49:02

解决方案2
0 2015-02-18 05:01:16