HTML文本插值过滤

最新推荐文章于 2025-07-02 15:17:52 发布

转载最新推荐文章于 2025-07-02 15:17:52 发布 · 588 阅读

JS 专栏收录该内容

72 篇文章

订阅专栏

在对DOM节点插入数据的时候,如果输入的插值正好是一个HTML标签.那么插入进去的话会对页面造成破坏,影响显示效果.那么我们就要对页面插值进行过滤,具体方式是用正则对 < >  两个符号进行替换成字符显示.例如 : 
<body>

    <div id="divs">

    </div>
    <script>
        var dom = document.getElementById("divs");
        var str =  "<h1>H1</h1>";
        dom.innerHTML = str.replace(/</g,'&lt;').replace(/>/g,'&gt;');
    </script>


</body>