正则获取html,JS正则获取HTML元素的方法_飛雲_前端开发者

本文实例讲述了

var

为什么Math返回的数组不是 多个Img对象,而是

["11.jpg", "'", "'"]

不明白。。。。

后来验证是我的错,正则中 有g配置,是否下移至下一个目标。

正确

var attrbuteMath = "(?:\\w+)\\s*(?:=[^{,},]+)";

var srcMath = "src(?:=[^{,},]+)";

var hrefMath = "href(?:=[^{,},]+)";

var scriptMath = "

var ge = new RegExp(scriptMath,"gi");

// var html = "

var html = $("#txtHtml").val();

var result = ge.exec(html);

alert(result);

g表示要搜索字符串出现的,而不是找到第一个匹配后就停止。如果还要模式不区分大小写,可以给第二个参数添加字符 i

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

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

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

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript正则表达式技巧大全》、《JavaScript替换操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用正则表达式结合 JavaScript 的 replace() 方法来实现。以下是一个示例代码: ```html <!DOCTYPE html> <html> <head> <title>Replace Text in HTML Tag</title> </head> <body> <div> <p>Hello, <span class="name">John</span>!</p> <p>Welcome to our website!</p> </div> <script> var html = document.documentElement.innerHTML; var regex = /<span class="name">([^<]+)<\/span>/g; var replacedHtml = html.replace(regex, "$1 Doe"); document.documentElement.innerHTML = replacedHtml; </script> </body> </html> ``` 上述代码会将 HTML 中所有带有 class 属性为 "name" 的 span 标签内的文本替换为 "Doe"。具体实现过程如下: 1. 使用 document.documentElement.innerHTML 获取整个 HTML 页面的文本。 2. 定义一个正则表达式,用于匹配带有 class 属性为 "name" 的 span 标签内的文本。这里使用了捕获组来获取标签内的文本内容。 3. 使用 replace() 方法进行替换。第一个参数是要匹配的正则表达式,第二个参数是要替换成的文本。这里使用了 "$1" 占位符来表示捕获组中的文本内容。 4. 将替换后的 HTML 重新赋值给 document.documentElement.innerHTML,即可实现替换效果。 需要注意的是,在使用正则表达式匹配 HTML 标签时,应该使用非贪婪模式,即在正则表达式后面加上 "?",以避免匹配到多个标签的情况。例如上述代码中的正则表达式为 /<span class="name">([^<]+)<\/span>/g,其中的 "[^<]+" 就是一个非贪婪模式的表达式,表示匹配除了 "<" 外的任意字符。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值