js正则匹配闭合标签_正则表达式匹配闭合HTML标签（⽀持嵌
套）
任何复杂的正则表达式都是由简单的⼦表达式组成的，要想写出复杂的正则来，⼀⽅⾯需要有化繁为简的功底，另外⼀⽅⾯，我们需要从正则引擎的⾓度去思考问题。关于正则引擎的原理，推荐《Mastering Regular Expression》中⽂名叫《精通正则表达式》。挺不错的⼀本书。
js中文正则表达式
OK，先确定我们要解决的问题——从⼀段Html⽂本中出特定id的标签的innerHTML。
这⾥⾯最⼤的难点就是，Html标签是⽀持嵌套的，怎么能够到指定标签相对应的闭合标签呢？
我们可以这样想，先匹配最前⾯的起始标签，假设是div吧(
我之所以能够这样去思考，是因为我了解过正则的特性，我知道正则中的平衡组能够实现我刚才说的“堆栈”操作。所以，如果我们要编写复杂正则表达式，需要对正则的⼀些⾼级特性⾄少有所了解，这样我们思考问题才有个⽅向。
匹配任意闭合HTML标签的正则表达式：
[\w]+)[^>]*?>((?[^>]*>)|\k>(?)|.*?)*\k>
如果只想匹配div标签，可以使⽤下⾯的正则表达式：
div)[^>]*?>((?[^>]*>)|\k>(?)|.*?)*\k>
是的，你可以把div修改成任意你想要匹配的HTML标签
如果想同时匹配多个HTML标签，可以使⽤下⾯的正则表达式：
(div|span|h1))[^>]*?>((?[^>]*>)|\k>(?)|.*?)*\k>
你还可以继续添加更多要匹配的标签
如果想匹配包含ID的标签，可以使⽤下⾯的正则表达式：
[\w]+)[^>]*\s[iI][dD]=(?["']?)footer(?(Quote)\k)[^>]*?(/>|>((?[^>]*>)|\k>(?)|.*?)*\k>)
这个正则匹配任意id为footer的HTML标签
我们⼩编补充：
正则 \k
你也可以⾃⼰指定⼦表达式的组名。要指定⼀个⼦表达式的组名，请使⽤这样的语法：(?\w+)(或者把尖括号换成'也⾏：(?'Word'\w+))，这样就把\w+的组名指定为Word了。要反向引⽤这个分组捕获的内容，你可以使⽤\k，所以上⼀个例⼦也可以写成这样：\b(?
\w+)\b\s+\k\b。
有，但是是跟<>配合⽤的，详见下⾯:
指定⼦表达式的组名。要指定⼀个⼦表达式的组名，请使⽤这样的语法：(?\w+)(或者把尖括号换成'也⾏：(?'Word'\w+))，这样就把\w+的组名指定为Word了。要反向引⽤这个分组捕获的内容，你可以使⽤\k，所以上⼀个例⼦也可以写成这样：\b(?\w+)\b\s+\k\b。
到此这篇关于正则表达式匹配闭合HTML标签(⽀持嵌套)的⽂章就介绍到这了，更多相关闭合HTML标签内容请搜索我们以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持我们！
时间： 2020-02-24

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。