JS正则获取HTML元素的方法
网络编程 2021-07-04 18:31www.168986.cn编程入门
这篇文章主要介绍了JS正则获取HTML元素的方法,结合实例形式分析了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正则表达式在线测试工具
正则表达式在线生成工具
更多关于JavaScript相关内容感兴趣的读者可查看本站专题《》、《》、《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程