如何对innerHTML获得的内容转义

最新推荐文章于 2023-06-09 21:13:27 发布

qinchao888

最新推荐文章于 2023-06-09 21:13:27 发布

阅读量2.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： JavaScript

本文链接：https://blog.youkuaiyun.com/GreyBearChao/article/details/73739722

javascript 专栏收录该内容

42 篇文章

订阅专栏

本文介绍了一个JavaScript代码片段，该片段展示了如何使用条件运算符来确定三个变量中的最大值，并通过字符串替换方法解决HTML实体转义问题。

<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>