HTML代码转HTML实体

2011-12-12

将HTML代码转为HTML实体,如:将&转为&amp;,将<转为&lt;等。

1
2
3
4
5
6
7
8
9
10
11
12
<!--用于放置HTML代码-->
<textarea id="txtCode"></textarea>
<button id="btnConvert"></button>
<script>
document.getElementById("btnConvert").onclick = function () {
	var txtCode = document.getElementById("txtCode");
	var htmlCode = document.createTextNode(txtCode.value); //获取输入的代码文本
	var p = document.createElement("p"); //创建一个临时碎片节点
	p.appendChild(htmlCode); //将转为实体后的代码挂到临时的碎片节点上
	txtCode.value = p.innerHTML; //显示转换后的代码
}
</script>

s@zhso.netPay