@H_404_0@简单说一下业务场景，前台用户通过input输入内容，在离开焦点时，将内容在div中显示。

@H_404_0@这时遇到一个问题，如果用户输入了html标签，则在div显示中，标签被解析。

@H_404_0@由于是纯前端操作，不涉及后端，因此需要通过js对输入内容进行转义。

@H_4040@这里提供一个非常简单有效的转义方案，利用了

innerHTML

和

innerText

@H404_0@注：火狐不支持innerText，需要使用

textContent

属性，而IE早期版本不支持此属性，为了同时兼容IE及火狐，需要进行判断操作.

@H_404_0@因为

innerText（textContent）

会获取纯文本内容，忽略html节点标签，而

innerHTML

会显示标签内容，

@H_404_0@所以我们先将需转义的内容赋值给

innerText（textContent），

再获取它的innerHTML属性，这时获取到的就是转义后文本内容。

@H_404_0@代码如下：

<div class="jb51code">
<pre class="brush:js;">
function HTMLEncode(html) {
var temp = document.createElement("div");
(temp.textContent != null) ? (temp.textContent = html) : (temp.innerText = html);
var output = temp.innerHTML;
temp = null;
return output;
}
var tagText = "@H_4040@123&456

";
console.log(HTMLEncode(tagText));//@H404_0@123&456