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