JS正則獲取HTML元素的方法
更新時間：2017年03月31日 14:33:50 作者：Shikyoh
這篇文章主要介紹了JS正則獲取HTML元素的方法,結合實例形式分析了JS針對頁面HTML元素正則操作相關技巧與注意事項,需要的朋友可以參考下
本文實例講述了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配置，是否下移至下一個目標。
正確
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款非常方便的正則表達式工具供大家參考使用：
JavaScript正則表達式在線測試工具：
http://tools.jb51.net/regex/javascript
正則表達式在線生成工具：
http://tools.jb51.net/regex/create_reg
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
JavaScript實現(xiàn)瀏覽器內多個標簽頁之間通信
這篇文章主要為大家詳細介紹了JavaScript如何實現(xiàn)瀏覽器內多個標簽頁之間通信,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-04-04
javascript操作cookie_獲取與修改代碼，跟以前的方法有所進步，者使用類的方法。2009-05-05
JavaScript中entries()和Object.values()方法的使用
本文詳細介紹了JavaScript中的兩個實用方法,entries()和Object.values(),下面就來介紹一下兩個方法在遍歷對象和數(shù)組時的應用,感興趣的可以了解一下2024-12-12
這篇文章主要介紹了一文徹底理解JavaScript原型與原型鏈，JavaScript中有許多內置對象，如:Object,?Math,?Date等，文章圍繞主題展開主題詳情，具有一定的參考價值，需要的小伙伴可以參考一下2022-08-08
這篇文章主要為大家詳細介紹了js實現(xiàn)登錄拖拽窗口，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
V8是Google開發(fā)的JavaScript引擎,采用分代垃圾回收機制自動管理內存,包括新生代和老生代,新生代使用Scavenge算法快速回收短生命周期對象,老生代使用標記-清除和標記-整理算法優(yōu)化長期存活對象的回收,V8通過增量標記、并發(fā)GC和增量壓縮等優(yōu)化策略減少垃圾回收對性能的影響2025-02-02
JavaScript的Number對象的toString()方法
toString()方法可以把Number對象轉換成字符串，并返回此字符串，本文給大家介紹JavaScript的Number對象的toString()方法，對javascript對象方法相關知識感興趣的朋友一起學習吧2015-12-12
Bootstrap Table表格一直加載(load)不了數(shù)據(jù)的快速解決方法
bootstrap-table是一個基于Bootstrap風格的強大的表格插件神器。接下來通過本文給大家介紹Bootstrap Table表格一直加載(load)不了數(shù)據(jù)的快速解決方法，感興趣的朋友一起看看吧2016-09-09
微信小程序實現(xiàn)動態(tài)設置頁面標題的方法【附源碼下載】
這篇文章主要介紹了微信小程序實現(xiàn)動態(tài)設置頁面標題的方法,涉及微信小程序button組件事件綁定及頁面元素屬性動態(tài)設置相關實現(xiàn)技巧,并附帶完整源碼供讀者下載參考,需要的朋友可以參考下2017-11-11
今天小編就為大家分享一篇layer彈出層全屏及關閉方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08