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 相关文章推荐
JS图像无缝滚动脚本非常好用
Feb 10 Javascript
jQuery往textarea中光标所在位置插入文本的方法
Jun 26 Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
Oct 14 Javascript
JS实现网页每隔3秒弹出一次对话框的方法
Nov 09 Javascript
js判断所有表单项不为空则提交表单的实现方法
Sep 09 Javascript
BootStrap CSS全局样式和表格样式源码解析
Jan 20 Javascript
React中常见的动画实现的几种方式
Jan 10 Javascript
关于node-bindings无法在Electron中使用的解决办法
Dec 18 Javascript
监听element-ui table滚动事件的方法
Mar 26 Javascript
package.json各个属性说明详解
Mar 11 Javascript
彻底搞懂并解决vue-cli4中图片显示的问题实现
Aug 31 Javascript
jQuery实现计算器功能
Oct 19 jQuery
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初学者的8点有效建议
2010/11/20 PHP
php smarty 二级分类代码和模版循环例子
2011/06/16 PHP
微信支付开发发货通知实例
2016/07/12 PHP
php版微信小店调用api示例代码
2016/11/12 PHP
thinkphp Apache配置重启Apache1 restart 出错解决办法
2017/02/15 PHP
laravel 解决Validator使用中出现的问题
2019/10/25 PHP
JS实现浏览器菜单命令
2006/09/05 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
jQuery制作简单柱状图实例
2015/01/28 Javascript
JavaScript中数据结构与算法(二):队列
2015/06/19 Javascript
JavaScript中获取Radio被选中的值
2015/11/11 Javascript
jQuery弹层插件jquery.fancybox.js用法实例
2016/01/22 Javascript
js事件驱动机制 浏览器兼容处理方法
2016/07/23 Javascript
浅谈javascript中的三种弹窗
2016/10/21 Javascript
JS实现物体带缓冲的间歇运动效果示例
2016/12/22 Javascript
bootstrap 下拉多选框进行多选传值问题代码分析
2017/02/14 Javascript
jQuery 中msgTips 顶部弹窗效果实现代码
2017/08/14 jQuery
Node.js学习之地址解析模块URL的使用详解
2017/09/28 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
2017/12/12 Javascript
微信小程序tabBar设置实例解析
2019/11/14 Javascript
[02:17]2016完美“圣”典风云人物:Sccc专访
2016/12/03 DOTA
[00:36]DOTA2风云人物相约完美“圣”典 12月17日不见不散
2016/11/30 DOTA
[01:35:53]完美世界DOTA2联赛PWL S3 Magma vs GXR 第二场 12.13
2020/12/17 DOTA
python装饰器简介---这一篇也许就够了(推荐)
2019/04/01 Python
Python面向对象总结及类与正则表达式详解
2019/04/18 Python
Python数据可视化:饼状图的实例讲解
2019/12/07 Python
Python作用域与名字空间原理详解
2020/03/21 Python
Python常见反爬虫机制解决方案
2020/06/01 Python
巧克力领导品牌瑞士莲美国官网:Lindt Chocolate美国
2016/08/25 全球购物
西班牙三叶草药房:Farmacias Trébol
2019/05/03 全球购物
struct和class的区别
2015/11/20 面试题
行政助理的职责
2013/11/14 职场文书
音乐器材管理制度
2014/01/31 职场文书
办公室秘书岗位职责范本
2014/02/11 职场文书
协议书格式
2014/04/23 职场文书
MySQL中distinct和count(*)的使用方法比较
2021/05/26 MySQL