1. 程式人生 > >轉義HTML標籤

轉義HTML標籤

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 = "<p><b>123&456</b></p>";
console.log(HTMLEncode(tagText));//<p><b>123&456</b></p> 
通過測試結果,可以看到html標籤及&符都被轉義後儲存。
同理,反轉義的方法為先將轉義文字賦值給innerHTML,然後通過innerText(textContent)獲取轉義前的文字內容




function HTMLDecode(text) { 
 var temp = document.createElement("div"); 
 temp.innerHTML = text; 
 var output = temp.innerText || temp.textContent; 
 temp = null; 
 return output; 

var tagText = "<p><b>123&456</b></p>";
var encodeText = HTMLEncode(tagText);