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 相关文章推荐
jcarousellite.js 基于Jquery的图片无缝滚动插件
Dec 30 Javascript
在jQuery中 关于json空对象筛选替换
Apr 15 Javascript
JS 去除Array中的null值示例代码
Nov 20 Javascript
JavaScript中判断整数的多种方法总结
Nov 08 Javascript
在JavaScript中正确引用bind方法的应用
May 11 Javascript
深入浅析Node.js 事件循环
Dec 20 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
May 25 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
Nov 25 Javascript
Angular6 发送手机验证码按钮倒计时效果实现方法
Jan 08 Javascript
js尾调用优化的实现
May 23 Javascript
JavaScript实现的开关灯泡点击切换特效示例
Jul 08 Javascript
vue实现弹幕功能
Oct 25 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
加强版phplib的DB类
2008/03/31 PHP
win2003服务器使用WPS的COM组件的一些问题解决方法
2012/01/11 PHP
PHP生成腾讯云COS接口需要的请求签名
2018/05/20 PHP
jQuery简单图表peity.js使用示例
2014/05/02 Javascript
使用JavaScript的AngularJS库编写hello world的方法
2015/06/23 Javascript
javascript日期操作详解(脚本之家整理)
2015/09/05 Javascript
js如何改变文章的字体大小
2016/01/08 Javascript
jQuery实现可以编辑的表格实例详解【附demo源码下载】
2016/07/09 Javascript
Javascript创建类和对象详解
2017/05/31 Javascript
JS+HTML+CSS实现轮播效果
2017/11/28 Javascript
JS/HTML5游戏常用算法之碰撞检测 像素检测算法实例详解
2018/12/12 Javascript
React-redux实现小案例(todolist)的过程
2019/09/29 Javascript
解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目
2020/02/09 Javascript
Python基类函数的重载与调用实例分析
2015/01/12 Python
python实现中文转换url编码的方法
2016/06/14 Python
Python中摘要算法MD5,SHA1简介及应用实例代码
2018/01/09 Python
Python操作MySQL模拟银行转账
2018/03/12 Python
Python实现修改IE注册表功能示例
2018/05/10 Python
如何将 awk 脚本移植到 Python
2019/12/09 Python
python实现简单的tcp 文件下载
2020/09/16 Python
html5是什么_动力节点Java学院整理
2017/07/07 HTML / CSS
Under Armour安德玛中国官网:美国高端运动科技品牌
2018/03/09 全球购物
KIKO MILANO西班牙官网:意大利领先的化妆品和护肤品品牌
2019/05/03 全球购物
党校培训自我鉴定
2014/02/01 职场文书
大专生找工作自荐书
2014/06/10 职场文书
大学生作弊检讨书
2014/09/11 职场文书
委托公证书格式
2015/01/26 职场文书
西安导游词
2015/02/12 职场文书
2015年度企业工作总结
2015/05/21 职场文书
婚宴来宾致辞
2015/07/28 职场文书
小学思想品德教学反思
2016/02/24 职场文书
java设计模式--建造者模式详解
2021/07/21 Java/Android
如何创建一个创建MySQL数据库中的datetime类型
2022/03/21 MySQL
HDFS免重启挂载新磁盘
2022/04/06 Servers
nginx日志格式分析和修改
2022/04/28 Servers
PHP 时间处理类Carbon
2022/05/20 PHP