JS正则获取HTML元素的方法


Posted in Javascript onMarch 31, 2017

本文实例讲述了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返回的数组不是 多个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表示要搜索字符串出现的,而不是找到第一个匹配后就停止。如果还要模式不区分大小写,可以给第二个参数添加字符 i

Javascript 相关文章推荐
input的focus方法使用
Mar 13 Javascript
JS简单实现登陆验证附效果图
Nov 19 Javascript
JQuery结合CSS操作打印样式的方法
Dec 24 Javascript
全面解析Bootstrap图片轮播效果
Dec 03 Javascript
深入解析JavaScript中的arguments对象
Jun 12 Javascript
第一次接触神奇的Bootstrap基础排版
Jul 26 Javascript
关于Javascript中defer和async的区别总结
Sep 20 Javascript
使用vue实现grid-layout功能实例代码
Jan 05 Javascript
javascript实现日历效果
Jun 17 Javascript
vue通过数据过滤实现表格合并
Nov 30 Javascript
如何用JS模拟实现数组的map方法
Jul 30 Javascript
JavaScript中document.activeELement焦点元素介绍
Nov 27 Javascript
JS+CSS实现下拉刷新/上拉加载插件
Mar 31 #Javascript
ES6中Generator与异步操作实例分析
Mar 31 #Javascript
微信公众号菜单配置微信小程序实例详解
Mar 31 #Javascript
ES6中Iterator与for..of..遍历用法分析
Mar 31 #Javascript
node.js平台下的mysql数据库配置及连接
Mar 31 #Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
Mar 31 #Javascript
angular.JS实现网页禁用调试、复制和剪切
Mar 31 #Javascript
You might like
完美解决PHP中文乱码
2009/11/26 PHP
php关键字仅替换一次的实现函数
2015/10/29 PHP
使用php实现网站验证码功能【推荐】
2017/02/09 PHP
PHP基于GD2函数库实现验证码功能示例
2019/01/27 PHP
baidu博客的编辑友情链接的新的层窗口!经典~支持【FF】
2007/02/09 Javascript
基于jQuery UI CSS Framework开发Widget的经验
2010/08/21 Javascript
基于javascipt-dom编程 table对象的使用
2013/04/22 Javascript
用js闭包的方法实现多点标注冒泡示例
2014/05/29 Javascript
我的Node.js学习之路(三)--node.js作用、回调、同步和异步代码 以及事件循环
2014/07/06 Javascript
理解javascript异步编程
2016/01/27 Javascript
JavaScript实现多种排序算法
2016/02/24 Javascript
关于Vue.js一些问题和思考学习笔记(2)
2016/12/02 Javascript
js实现键盘自动打字效果
2016/12/23 Javascript
React Native之TextInput组件解析示例
2017/08/22 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
2017/11/03 Javascript
jQuery仿移动端支付宝键盘的实现代码
2018/08/15 jQuery
JavaScript实现多态和继承的封装操作示例
2018/08/20 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
2018/11/28 Javascript
JavaScript实现美化滑块效果
2019/05/17 Javascript
微信小程序实现上传图片裁剪图片过程解析
2019/08/22 Javascript
vue $mount 和 el的区别说明
2020/09/11 Javascript
jQuery实现简单轮播图效果
2020/12/27 jQuery
[02:11]2014DOTA2 TI专访VG战队Fenrir:队伍气氛良好
2014/07/11 DOTA
Python脚本实现代码行数统计代码分享
2015/03/10 Python
python安装mysql-python简明笔记(ubuntu环境)
2016/06/25 Python
启动targetcli时遇到错误解决办法
2017/10/26 Python
对django中render()与render_to_response()的区别详解
2018/10/16 Python
解决Django中调用keras的模型出现的问题
2019/08/07 Python
探索欧洲最好的品牌:Bombinate
2019/06/14 全球购物
圣彼得堡鲜花配送:Semicvetic
2020/09/15 全球购物
恒华伟业笔试面试题
2015/02/26 面试题
一道Delphi上机题
2012/06/04 面试题
领导干部对照检查材料
2014/08/24 职场文书
小学六一主持词开场白
2015/05/28 职场文书
单独二胎证明
2015/06/24 职场文书
上级领导检查欢迎词
2015/09/30 职场文书