发送没有html标签的文本

Question

我想在JavaScript中构建一些函数，将textarea中的文本发送到div。

我希望它执行以下操作

  

如果用户尝试将html源发送到textarea，它将显示   文本，而不是实际的html源。

例如：

如果用户尝试发送：<img src='aa.png'>

我想在div中看到文字：<img src='aa.png'>，并且不想查看实际图片：aa.png

Answer 1

使用.innerText或.textContent代替.innerHTML

eleme.innerText="<img src='aa.png'>";其中eleme是您的div

样本：

＆＃13;

＆＃13;

document.getElementById('test1').innerHTML="<img src='aa.png'>";
document.getElementById('test2').innerText="<img src='aa.png'>";
document.getElementById('test3').textContent="<img src='aa.png'>";

＆＃13;

<div id="test1"></div>
<div id="test2"></div>
<div id="test3"></div>

＆＃13;

＆＃13;

＆＃13;

您可以阅读更多有关这三个命令与其他命令之间差异的信息 Here