1. 程式人生 > >Javascript正則匹配HTML字符串

Javascript正則匹配HTML字符串

字符 clas nbsp 正則 前臺 代碼 表達 AR 利用

  在前臺處理字符串時,有時並不需要動態拼接字符串,某一部分的字符串可能是固定的,因此在開發過程中我們可以利用正則表達式將html元素匹配出來。如下:

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

將html以註釋的形式寫在括號裏面,在通過match方法匹配出整個字符串,返回的結果截圖如下:

技術分享圖片

返回的結果恰好是我們寫在註釋裏面的代碼,這樣如果我們的樣式修改了,我們只需要修改註釋裏面的代碼,避免了拼接字符串的帶來的麻煩操作!

Javascript正則匹配HTML字符串