使用正则表达式匹配 HTML 标签内的内容

littleHiuman

已于 2022-04-08 16:24:00 修改

阅读量6k

点赞数 2

分类专栏： javascript 文章标签： javascript

于 2022-04-07 19:15:08 首次发布

本文链接：https://blog.csdn.net/hiumanChung/article/details/124024111

版权

本文介绍了如何利用正则表达式匹配HTML标签内的内容，包括开始标签、内容和结束标签。文章中提到了正则表达式的三个关键部分，并提及在VSCode中进行搜索时如何处理零宽断言。

摘要由CSDN通过智能技术生成

正则表达式如下

/(?<=((<[a-zA-Z-]+?){0,1}>))([\s\S]+)(?=([\s]{0,1}<\/[a-zA-Z-]+(>{0,1})))/g

测试例子：

var regexp = /(?<=((<[a-zA-Z-]+?){0,1}>))([\s\S]+)(?=([\s]{0,1}<\/[a-zA-Z-]+(>{0,1})))/g

// （以下都是常见的格式化后的代码）

// 例子1
var str1 = `<div>hello</div>`
console.log(str1.match(regexp))
// ['hello']

// 例子2
var str2 = `<div>
  hello
</div>`
console.log(str2.match(regexp))
// ['\n  hello\n']

// 例子3
var str3 = `<div
>hello</div>`
console.log(str3.match(regexp))
// ['hello']

// 例子4
var str4 = `<div
>hello</div
>`
console.log(str4.match(regexp))
// ['hello']

// 例子5
var str5 = `<div
  class="test"
  id="test"
  onClick="fns&