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 相关文章推荐
javascript获得CheckBoxList选中的数量
Oct 27 Javascript
jQuery学习笔记[1] jQuery中的DOM操作
Dec 03 Javascript
jQuery中操控hidden、disable等无值属性的方法
Jan 06 Javascript
今天抽时间给大家整理jquery和ajax的相关知识
Nov 17 Javascript
BootStrap智能表单实战系列(八)表单配置json详解
Jun 13 Javascript
使用jquery如何获取时间
Oct 13 Javascript
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 jQuery
Rollup处理并打包JS文件项目实例代码
May 31 Javascript
微信小程序利用canvas 绘制幸运大转盘功能
Jul 06 Javascript
axios 封装上传文件的请求方法
Sep 26 Javascript
vue语法自动转typescript(解放双手)
Sep 18 Javascript
推荐几个不错的console调试技巧实现
Dec 20 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常用工具类大全附全部代码下载
2015/12/07 PHP
thinkPHP5框架分页样式类完整示例
2018/09/01 PHP
详解PHP实现支付宝小程序用户授权的工具类
2018/12/25 PHP
js调用activeX获取u盘序列号的代码
2011/11/21 Javascript
JS时间选择器 兼容IE6,7,8,9
2012/06/26 Javascript
js导出table数据到excel即导出为EXCEL文档的方法
2013/10/10 Javascript
jquery中交替点击事件toggle方法的使用示例
2013/12/08 Javascript
js获取html页面节点方法(递归方式)
2013/12/13 Javascript
Javascript毫秒数用法实例
2015/02/05 Javascript
javascript通过获取html标签属性class实现多选项卡的方法
2015/07/27 Javascript
Bootstrap每天必学之工具提示(Tooltip)插件
2016/04/26 Javascript
AngularJS中如何使用echart插件示例详解
2016/10/26 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
2019/05/26 Javascript
layui多iframe页面控制定时器运行的方法
2019/09/05 Javascript
Element Dialog对话框的使用示例
2020/07/26 Javascript
Vue ElementUI实现:限制输入框只能输入正整数的问题
2020/07/31 Javascript
从表单校验看JavaScript策略模式的使用详解
2020/10/17 Javascript
vscode+gulp轻松开发小程序的完整步骤
2020/10/18 Javascript
[54:30]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
[01:10:58]KG vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
介绍Python的Django框架中的QuerySets
2015/04/20 Python
python创建列表并给列表赋初始值的方法
2015/07/28 Python
详解 Python 读写XML文件的实例
2017/08/02 Python
Python cookbook(数据结构与算法)实现查找两个字典相同点的方法
2018/02/18 Python
Flask框架配置与调试操作示例
2018/07/23 Python
pycharm在调试python时执行其他语句的方法
2018/11/29 Python
Django 对IP访问频率进行限制的例子
2019/08/30 Python
从pandas一个单元格的字符串中提取字符串方式
2019/12/17 Python
Django 实现对已存在的model进行更改
2020/03/28 Python
Python3使用Selenium获取session和token方法详解
2021/02/16 Python
浅谈Python xlwings 读取Excel文件的正确姿势
2021/02/26 Python
美国最大的高尔夫发球时间预订网站:TeeOff.com
2018/03/28 全球购物
自学考试自我鉴定范文
2013/09/26 职场文书
简历中自我评价范文
2015/03/11 职场文书
小学大队委竞选口号
2015/12/25 职场文书
2019中秋节祝福语大全,提前收藏啦
2019/09/10 职场文书