js html代码转义,JS实现HTML标签转义及反转义

JS实现HTML标签转义：

function escapeHTML(htmlStr) {
  return htmlStr.replace(/[&<>"']/g, function(match) {
    switch (match) {
      case "&":
        return "&amp;";
      case "<":
        return "&lt;";
      case ">":
        return "&gt;";
      case "\"":
        return "&quot;";
      case "'":
        return "&#x27;";
      default:
        return match;
    }
  });
}

JS实现HTML标签反转义：

function unescapeHTML(htmlStr) {
  var temp = document.createElement("div");
  temp.innerHTML = htmlStr;
  var result = temp.childNodes[0].nodeValue;
  temp.removeChild(temp.firstChild);
  return result;
}

使用示例：

var htmlStr = '<div id="test">Hello World!</div>';
var escapedStr = escapeHTML(htmlStr); // &lt;div id=&quot;test&quot;&gt;Hello World!&lt;/div&gt;
var unescapedStr = unescapeHTML(escapedStr); // <div id="test">Hello World!</div>