Javascript 如何在内部转义HTML<；span>；或<；部门>；标签 你好吗。 如何考虑你怎么样？作为字符串而不是HTML。我不希望HTML呈现，我只希望div或span中应该呈现的内容

预期结果：

你好
为了方便起见，我刚刚在目标
文本区域添加了一个ID:
console.log（document.getElementById（'txtArea'）

嗨，你好
你好吗。
为了方便起见，我刚刚在目标
文本区域添加了一个ID:
console.log（document.getElementById（'txtArea'）

嗨，你好
你好吗。
您需要转义要显示的html

<h4>    
  <span class="title">
      <textarea rows="4" cols="50"> How are you. </textarea>
  </span>
</h4>

是<
“是”
是>

有一个在线工具可以为您完成这项工作，但您可以找到许多可以在运行时为您完成这项工作的脚本



textarea rows=“4”cols=“50”你好。/textarea
您需要转义要显示的html

<h4>    
  <span class="title">
      <textarea rows="4" cols="50"> How are you. </textarea>
  </span>
</h4>

是<
“是”
是>

有一个在线工具可以为您完成这项工作，但您可以找到许多可以在运行时为您完成这项工作的脚本



textarea rows=“4”cols=“50”你好/文本区
对于JQuery，只需使用text（）而不是html（）插入代码：


$（'span'）.text（'How you.'）

对于JQuery，只需使用text（）而不是html（）插入代码：


$（'span'）.text（'How you.'）
使用纯JavaScript，无需任何库，您可以使用函数将代码作为文本节点插入某个容器中


函数插入文本（containerId，text）{
var container=document.getElementById（containerId）；
var textNode=document.createTextNode（文本）；
container.appendChild（textNode）；
}
insertAsText（“myDiv”，test
”
使用纯JavaScript，无需任何库，您可以使用函数将代码作为文本节点插入某个容器中


函数插入文本（containerId，text）{
var container=document.getElementById（containerId）；
var textNode=document.createTextNode（文本）；
container.appendChild（textNode）；
}
insertAsText（“myDiv”，test
”
纯JavaScript:

&lt; is <
&quot; is ""
&gt; is >

document.getElementsByClassName（“title”）[0].innerHTML=“嗨！”；
//结果将是“嗨！”
document.getElementsByClassName（“title”）[0].innerText=“HI！”；
//结果将是“嗨！”

JQuery：

document.getElementsByClassName("title")[0].innerHTML = "<div>HI!</div>";
//Result will be "HI!"
document.getElementsByClassName("title")[0].innerText = "<div>HI!</div>";
//Result will be "<div>HI!</div>"

$（“.title”）.html（“嗨！”）；
//结果将是“嗨！”
$（“.title”）.text（“嗨！”）；
//结果将是“嗨！”

最后，这些方法是get/set。
纯JavaScript:

&lt; is <
&quot; is ""
&gt; is >

document.getElementsByClassName（“title”）[0].innerHTML=“嗨！”；
//结果将是“嗨！”
document.getElementsByClassName（“title”）[0].innerText=“HI！”；
//结果将是“嗨！”

JQuery：

document.getElementsByClassName("title")[0].innerHTML = "<div>HI!</div>";
//Result will be "HI!"
document.getElementsByClassName("title")[0].innerText = "<div>HI!</div>";
//Result will be "<div>HI!</div>"

$（“.title”）.html（“嗨！”）；
//结果将是“嗨！”
$（“.title”）.text（“嗨！”）；
//结果将是“嗨！”

作为最后的评论，这些方法是get/set。
嘿，汤米，谢谢你的快速回复。实际上，我想按原样打印textarea标记和字符串。我不希望出现textarea。我们无法将id添加到textarea，因为span中的数据是动态的。下次汤米也可以用这种绳子。所以我不想让它粗体化，我只想按原样打印字符串。嘿，汤米，谢谢你的快速回复。实际上，我想按原样打印textarea标记和字符串。我不希望出现textarea。我们无法将id添加到textarea，因为span中的数据是动态的。下次汤米也可以用这种绳子。所以我不想加粗，我只想按原样打印字符串。@Parag Bhingre上面的评论是关于用html转义html标记的非常描述性的，我的回答也是相关的。这些解决了你的问题吗？@Parag Bhingre上面的评论是关于用html转义html标记的非常描述性的，我的回答也是相关的。这些解决了你的问题吗？