Javascript正则匹配HTML字符串

  在前台处理字符串时,有时并不需要动态拼接字符串,某一部分的字符串可能是固定的,因此在开发过程中我们可以利用正则表达式将html元素匹配出来。如下:

var html = (function(){/*
    <div>
        <div>
            <p>我是div里面的p</p>
            <div>我是div里面的div</div>
        </div>
    </div>
*/}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1];

将html以注释的形式写在括号里面,在通过match方法匹配出整个字符串,返回的结果截图如下:

返回的结果恰好是我们写在注释里面的代码,这样如果我们的样式修改了,我们只需要修改注释里面的代码,避免了拼接字符串的带来的麻烦操作!

 

posted @ 2018-05-08 23:38  水木style无痕  阅读(643)  评论(0编辑  收藏  举报