新手如何对innerHTML获得的内容转义？代码是什么

131 阅读 0 评论 87 点赞

我是靠谱客的博主笑点低斑马，这篇文章主要介绍新手如何对innerHTML获得的内容转义？代码是什么，现在分享给大家，希望可以做个参考。

本篇文章给大家带来的内容是关于新手如何对innerHTML获得的内容转义？代码是什么，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

复制代码<body>
    <div id="code" style="display:none">
        var res = a > b ? a: b;
        res = res > c ? res : c;
        return res;
    </div>
</body>
<script>
var txt=document.getElementById("code").innerHTML;
document.write(txt);
//  输出：var res = a > b ? a: b;
//  res = res > c ? res : c;
//  return res;
//原因是用document.write输出时会对已转义的字符再次转义。
alert(txt);
//  输出：var res = a > b ? a: b;
//  res = res > c ? res : c;
//  return res;
var str = txt.replace(/>/g,">"); 
alert(str);
//  输出：var res = a > b ? a: b;
//  res = res > c ? res : c;
//  return res;
</script>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<body>
    <div id="code" style="display:none">
        var res = a > b ? a: b;
        res = res > c ? res : c;
        return res;
    </div>
</body>
<script>
var txt=document.getElementById("code").innerHTML;
document.write(txt);
//  输出：var res = a > b ? a: b;
//  res = res > c ? res : c;
//  return res;
//原因是用document.write输出时会对已转义的字符再次转义。
alert(txt);
//  输出：var res = a &gt; b ? a: b;
//  res = res &gt; c ? res : c;
//  return res;
var str = txt.replace(/&gt;/g,">"); 
alert(str);
//  输出：var res = a > b ? a: b;
//  res = res > c ? res : c;
//  return res;
</script>
登录后复制