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返回的数组不是 多个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

PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：

JavaScript正则表达式在线测试工具：
http://tools./regex/javascript

正则表达式在线生成工具：
http://tools./regex/create_reg

希望本文所述对大家JavaScript程序设计有所帮助。

# JS  # 正则  # 获取  # HTML元素  # 正则表达式  # 第一个  # 多个  # 不明白  # 第二个  # 给大家  # 所述  # 程序设计  # 移至  # 再为  # 而不是  # 测试工具  # 讲述了  # linkMath  # link  # alert  # script  # type  # replace  # scriptMath 

相关文章： 建站之星如何实现五合一智能建站与营销推广？  ,巨量百应是干嘛的？  专业商城网站制作公司有哪些,pi商城官网是哪个？  如何正确选择百度移动适配建站域名？  香港服务器网站卡顿？如何解决网络延迟与负载问题？  如何通过远程VPS快速搭建个人网站？  公众号网站制作网页,微信公众号怎么制作？  如何选择适配移动端的WAP自助建站平台？  如何快速生成ASP一键建站模板并优化安全性？  XML的“混合内容”是什么 怎么用DTD或XSD定义  建站之星安装后如何配置SEO及设计样式？  ,怎么在广州志愿者网站注册？  如何快速打造个性化非模板自助建站？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  PHP 500报错的快速解决方法  建站主机如何选？高性价比方案全解析  成都响应式网站开发,dw怎么把手机适应页面变成网页？  定制建站价位费用解析与套餐推荐全攻略  ,购物网站怎么盈利呢？  网站制作报价单模板图片,小松挖机官方网站报价？  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思？  如何通过cPanel快速搭建网站？  教程网站设计制作软件,怎么创建自己的一个网站？  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  已有域名如何快速搭建专属网站？  如何通过VPS搭建网站快速盈利？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  ,南京靠谱的征婚网站？  免费视频制作网站,更新又快又好的免费电影网站？  表情包在线制作网站免费,表情包怎么弄？  如何在宝塔面板中创建新站点？  招贴海报怎么做,什么是海报招贴？  nginx修改上传文件大小限制的方法  如何通过VPS建站实现广告与增值服务盈利？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  如何选择最佳自助建站系统？快速指南解析优劣  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？  实例解析Array和String方法  建站之星如何快速生成多端适配网站？  如何高效利用亚马逊云主机搭建企业网站？  英语简历制作免费网站推荐,如何将简历翻译成英文？  如何在阿里云高效完成企业建站全流程？  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  已有域名和空间，如何快速搭建网站？  网站专业制作公司有哪些,做一个公司网站要多少钱？  如何在阿里云香港服务器快速搭建网站？  网站制作公司排行榜,四大门户网站排名？  招商网站制作流程,网站招商广告语？  如何获取免费开源的自助建站系统源码？