JavaScriptのHTMLエスケープサンプル

開発ツールのコンソールでご確認ください

var str = '& < > ` " ' + "'";
var escapeHtml = (function (String) {
  var escapeMap = {
    '&': '&amp;',
    "'": '&#x27;',
    '`': '&#x60;',
    '"': '&quot;',
    '<': '&lt;',
    '>': '&gt;'
  };
  var escapeReg = '[';
  var reg;
  for (var p in escapeMap) {
    if (escapeMap.hasOwnProperty(p)) {
      escapeReg += p;
    }
  }
  escapeReg += ']';
  reg = new RegExp(escapeReg, 'g');

  return function escapeHtml (str) {
    str = (str === null || str === undefined) ? '' : '' + str;
    return str.replace(reg, function (match) {
      return escapeMap[match];
    });
  };
}(String));
console.log(escapeHtml(str));
// => &amp; &lt; &gt; &#x60; &quot; &#x27;
document.getElementById("result").innerHTML = escapeHtml(str);