• 企业400电话
  • 网络优化推广
  • AI电话机器人
  • 呼叫中心
  • 全 部 栏 目

    网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    正值表达式匹配html标签的属性值
    POST TIME:2021-10-18 05:34

    正则表达式是做文本解析工作必不可少的技能。如Web服务器日志分析,网页前端开发等。很多高级文本编辑器都支持正则表达式的一个子集,熟练掌握正则表达式,经常能够使你的一些工作事半功倍。例如统计代码行数,只需一个正则就搞定。嵌套Html标签的匹配是正则表达式应用中一个比较难的话题,因为它涉及到的正则语法比较多,也比较难。因此也就更有研究的价值。

    今天由于工作的需求,需要获取html标签的属性值,立即想到了正则表达式,标签如下:

    circle id="ap_test" cx="200" cy="2000" r="2" stroke="black" stroke-width="0" fill="red"/>
    circle id="ap_test" cx="201" cy="2001" r="2" stroke="black" stroke-width="0" fill="red"/>
    circle id="ap_test" cx="202" cy="2002" r="2" stroke="black" stroke-width="0" fill="red"/>
    circle id="ap_test" cx="203" cy="2003" r="2" stroke="black" stroke-width="0" fill="red"/>

    需要获取circle />标签的cx、cy的属性值,想了一会写出了一个:

    $circle是上面的circle标签的内容

    preg_match_all('/\s*circle\s+[^>]*?cx\s*=\s*(\'|")(.*?)\1[^>]*?cys*=s*('|\")(.*?)\\1[^>]*?\/?\s*>/i', $circle, $arr);
    var_dump($arr);

    $arr[2]是cx的值 ,$arr[4]是cy的值.

    下面给大家介绍下正则匹配闭合HTML标签(支持嵌套)

    任何复杂的正则表达式都是由简单的子表达式组成的,要想写出复杂的正则来,一方面需要有化繁为简的功底,另外一方面,我们需要从正则引擎的角度去思考问题。关于正则引擎的原理,推荐《Mastering Regular Expression》中文名叫《精通正则表达式》。挺不错的一本书。

    OK,先确定我们要解决的问题——从一段Html文本中找出特定id的标签的innerHTML。

    这里面最大的难点就是,Html标签是支持嵌套的,怎么能够找到指定标签相对应的闭合标签呢?

    我们可以这样想,先匹配最前面的起始标签,假设是div吧(div),接着一旦遇到嵌套div,就“压入堆栈”,后面如果遇到div闭合标签了,就“弹出堆栈”。如果遇到闭合标签的时候,堆栈里面已经没有东西了,那么匹配结束,此结束标签为正确的闭合标签。

    我之所以能够这样去思考,是因为我了解过正则的特性,我知道正则中的平衡组能够实现我刚才说的“堆栈”操作。所以,如果我们要编写复杂正则表达式,需要对正则的一些高级特性至少有所了解,这样我们思考问题才有个方向。

    ================================

    匹配任意闭合HTML标签的正则表达式:

    (?HtmlTag>[\w]+)[^>]*?>((?Nested>\kHtmlTag>[^>]*>)|/\kHtmlTag>>(?-Nested>)|.*?)*/\kHtmlTag>>

    如果只想匹配div标签,可以使用下面的正则表达式:

    (?HtmlTag>div)[^>]*?>((?Nested>\kHtmlTag>[^>]*>)|/\kHtmlTag>>(?-Nested>)|.*?)*/\kHtmlTag>>

    是的,你可以把div修改成任意你想要匹配的HTML标签

    如果想同时匹配多个HTML标签,可以使用下面的正则表达式:
    (?HtmlTag>(div|span|h1))[^>]*?>((?Nested>\kHtmlTag>[^>]*>)|/\kHtmlTag>>(?-Nested>)|.*?)*/\kHtmlTag>>
    你还可以继续添加更多要匹配的标签

    如果想匹配包含ID的标签,可以使用下面的正则表达式:

    (?HtmlTag>[\w]+)[^>]*\s[iI][dD]=(?Quote>["']?)footer(?(Quote)\kQuote>)[^>]*?(/>|>((?Nested>\kHtmlTag>[^>]*>)|/\kHtmlTag>>(?-Nested>)|.*?)*/\kHtmlTag>>)

    这个正则匹配任意id为footer的HTML标签

    您可能感兴趣的文章:
    • 用正则查找html中有id属性的html标签
    • 正则表达式替换html元素属性的方法
    上一篇:ExtJS4的文本框(textField)使用正则表达式进行验证(Regex)的方法
    下一篇:去掉字符串前后所有空格的正则表达式
  • 相关文章
  • 

    关于我们 | 付款方式 | 荣誉资质 | 业务提交 | 代理合作


    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信