JS正則獲取HTML元素的方法
更新時間：2017年03月31日 14:33:50 作者：Shikyoh
這篇文章主要介紹了JS正則獲取HTML元素的方法,結(jié)合實例形式分析了JS針對頁面HTML元素正則操作相關(guān)技巧與注意事項,需要的朋友可以參考下
本文實例講述了JS正則獲取HTML元素的方法。分享給大家供大家參考，具體如下：
var html = $("#summaryTemplate").html();
var imageMath = /<img [^<,>]*(?=target-type=("|')replace("|'))[^/,<,>]*\/>/;
var scriptMath = /<script [^<,>]*(?=target-type=("|')replace("|'))[^/,<,>]*><\/script>/;
var linkMath = /<link [^<,>]*(?=target-type=("|')replace("|'))[^/,<,>]*\/>/;
alert(html.match(imageMath));
var ht="<img src='/11.jpg' target-type='replace' />asf <img src='/12.jpg' target-type='replace' /> <img src='/13.jpg' target-type='replace' />";
ht.match(imageMath)為什么Math返回的數(shù)組不是 多個Img對象，而是
["<img src="/11.jpg" target-type='replace' />", "'", "'"]
不明白。。。。
后來驗證是我的錯，正則中 有g(shù)配置，是否下移至下一個目標(biāo)。
正確
var attrbuteMath = "(?:\\w+)\\s*(?:=[^{,},<,>]+)";
var srcMath = "src(?:=[^{,},<,>]+)";
var hrefMath = "href(?:=[^{,},<,>]+)";
var scriptMath = "<script\\s+(?:" + attrbuteMath + ")*><\/script>";
var ge = new RegExp(scriptMath,"gi");
// var html = "<script asdfsadf='asdfsaf' asf=aaadsdfsdf style='' src='' ><\/script>asdfsaf<script asdfsadf='asdfsaf' asf=''aa adsdfsdf ><\/script>";
var html = $("#txtHtml").val();
var result = ge.exec(html);
alert(result);g表示要搜索字符串出現(xiàn)的,而不是找到第一個匹配后就停止。如果還要模式不區(qū)分大小寫,可以給第二個參數(shù)添加字符 i
PS：這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用：
JavaScript正則表達(dá)式在線測試工具：
http://tools.jb51.net/regex/javascript
正則表達(dá)式在線生成工具：
http://tools.jb51.net/regex/create_reg
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
基于javascript實現(xiàn)樣式清新圖片輪播特效
這篇文章主要為大家詳細(xì)介紹了基于javascript實現(xiàn)樣式清新圖片輪播特效，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
快速解決js中window.location.href不工作的問題
下面小編就為大家?guī)硪黄焖俳鉀Qjs中window.location.href不工作的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
判斷一個控件是否已加載完成其實很簡單，就是利用瀏覽器的解析順序。通俗的說，代碼的位置越靠前，就越先加載。2010-02-02
深入理解JavaScript系列（29）：設(shè)計模式之裝飾者模式詳解
這篇文章主要介紹了深入理解JavaScript系列（29）：設(shè)計模式之裝飾者模式詳解,裝飾者用用于包裝同接口的對象,不僅允許你向方法添加行為,而且還可以將方法設(shè)置成原始對象調(diào)用（例如裝飾者的構(gòu)造函數(shù)）,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了JS中的防抖與節(jié)流及作用詳解，本文通過文字說明加示例代碼的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2021-10-10
js獲取或設(shè)置當(dāng)前窗口url參數(shù)的小例子
這篇文章介紹了js獲取或設(shè)置當(dāng)前窗口url參數(shù)的小例子，有需要的朋友可以參考一下2013-10-10
學(xué)習(xí)javascript面向?qū)ο?實例講解面向?qū)ο筮x項卡
這篇文章主要介紹了面向?qū)ο筮x項卡實現(xiàn)方法，幫助大家更好地學(xué)習(xí)javascript面向?qū)ο螅信d趣的小伙伴們可以參考一下2016-01-01
下面小編就為大家?guī)硪黄獪\談js的url解析函數(shù)封裝。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
下面的內(nèi)容介紹了#號的使用，因為在url中多個#號代表不同的意義與區(qū)別。2011-02-02
JS 插件dropload下拉刷新、上拉加載使用小結(jié)
這篇文章主要介紹了JS 插件dropload下拉刷新、上拉加載使用小結(jié),需要的朋友可以參考下2017-04-04