发送没有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

DEMO:

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

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

你可以阅读更多这三个命令和其他人之间的差异在这里