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

转载于:https://www.cnblogs.com/shikyoh/p/3583707.html

Js 正则获取Html元素相关推荐

js怎么获取一个元素与屏幕右边的距离_js中如何获取某个元素到浏览器最左和最右的距离...
js中如何获取某个元素到浏览器最左和最右的距离以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! js中获取某个元素到浏览器 ...
vue 获取id元素,vue.js怎么获取dom元素？
vue.js怎么获取dom元素?下面本篇文章给大家介绍一下vue.js获取dom元素的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 使用Vue.js获取dom元素标签中添加 ...
html 获取下一个兄弟节点,js jquery获取当前元素的兄弟级上一个下一个元素
var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得 ...
html 获取下一个兄弟节点,JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法...
$(function(){ //遍历获取的input元素对象数组,绑定click事件 var len = $("input[type='file']").length; for(v ...
JS DOM获取标签/元素style样式
JS DOM获取标签/元素style样式文章目录 JS DOM获取标签/元素style样式 .style getComputedStyle() .style 只能获取行内样式,不能获取style标签 ...
[转载] js 下获取子元素的方法 -- 李富生
地址:https://www.cnblogs.com/web-fusheng/p/6816440.html firstElementChild只会获取元素节点对象,从名称就可以看出来,firstChi ...
js 下获取子元素的方法
笔记核心: firstElementChild只会获取元素节点对象,从名称就可以看出来,firstChild则可以获取文本节点对象(当然也可以获取元素节点对象),比如空格和换行都被当做文本节点. js ...
js:封装获取当前元素的所有的哥哥元素节点
第一种方法 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF- ...
js中获取dom元素高度
目录 1.dom元素的宽高 2.鼠标事件中的常用高度宽度: 3. 总结: 4.参考博客: 1.dom元素的宽高 javascript中获取dom元素高度和宽度的方法如下: 网页可视区域宽: docum ...

Js 正则获取Html元素

Js 正则获取Html元素相关推荐

最新文章

热门文章