在 html 內容中顯示 html 標簽，在 html 中顯示 html 代碼片段

Question

我想知道是否有一種方法可以將htmlentities()應用於var x以便如果我將<p>hello</p>放入text area並按下按鈕，它將顯示<p>hello</p>使用下面的代碼你好。

提前致謝

 function myFunction1() { var x = document.getElementById("myText1").value; document.getElementById("demo1").innerHTML = x; }

 <textarea name="myText" id="myText1" type="text"></textarea> <button onclick="myFunction1()">thing</button> <p><span id="demo1"></span></p>

Answer 1

您需要使用<xmp>標簽

 <xmp> <p>hello</p> </xmp>

 function myFunction1() { var x = document.getElementById("myText1").value; document.getElementById("demo1").innerHTML = x; }

 <textarea name="myText" id="myText1" type="text"></textarea> <button onclick="myFunction1()">Show</button> <p><xmp id="demo1"></xmp></p>

Answer 2

通常，這是通過將<符號替換為“小於”HTML 編碼 ( < )，並將>替換為“大於”( > ) 來完成的。

例如，您應該使用基本的字符串方法來替換類似

"<p>hello</p>"

和

"<p>hello</p>"

（否則，將其添加到元素的 innerHTML 會將其讀取為 HTML，包括標簽。）

我應該指出，您也可以嘗試將所有內容都包裝在<pre>標簽中，但我已經得到了不同的結果。 我認為上面的方法是一個更安全的賭注。