怎么把一个string里所有涉及到转义的HTML字符，进行完整转义？

Question

我们从别处获取一个string，是这个样子的：

str1="这里是一个<h1>标签，这是一个特殊的符号，æ"

我们需要把类似这样，还有特殊符号的字符串，作为innerHTML插入到一个p标签里，让它在页面上显示成上面的样子。但是我们不能直接插，因为有转义字符的原因，必须把上面的内容改为如下的样子才能插入：

str2="这里是一个<h1>标签，这是一个特殊的符号，æ"

只有这样，插入<p>标签的，才能正常在页面上展示成第一个Str应该的样子。
我们知道有很多这样需要转义的字符，列表如下：
http://tool.oschina.net/commo...

请问，我们怎么能把一个str1变成str2？有没有现成的库可以用？
多谢

Answer 1

<p id="div"></p>
<script>
    str1 = "这里是一个<h1>标签，这是一个特殊的符号，æ";
    document.getElementById('div').innerText = str1;
</script>

不能直接这样写吗？

Answer 2

传送门

let str1 = "这里是一个<h1>标签，这是一个特殊的符号，æ";
let div=document.createElement('div');
div.textContent=str1;
ele.innerHTML=div.innerHTML;

先搜索，实在搜不到再提问