js正则匹配html标签中的内容-js教程-PHP中文网

js正则匹配html标签中的内容

冷漠man

发布： 2025-11-01 10:27:32

原创

258人浏览过

答案：使用正则提取HTML标签内容需谨慎，适用于简单场景。示例：const regex = /<(1+)>(2*)/ 可匹配 <p>Hello</p> 中的 Hello，但不推荐处理复杂或嵌套结构。> ↩< ↩

js正则匹配html标签中的内容

要使用 JavaScript 正则匹配 HTML 标签中的内容，可以直接通过正则表达式捕获标签内的文本。但要注意：正则处理 HTML 有局限性，适用于简单场景，不推荐用于复杂或嵌套结构。

基本语法：匹配标签内内容

假设你想提取 zuojiankuohaophpcnp>Hello</p> 中的 "Hello"，可以这样写：

const regex = /<([^>]+)>([^<]*)

说明：

<([^>]+)>：匹配开始标签名（如 p、div），并捕获标签名
([^<]*)：匹配标签之间的内容，不能包含 <
<\/\1>：匹配闭合标签，\1 表示反向引用第一个捕获组（即相同标签名）

提取特定标签的内容

如果你想只提取 <div> 标签中的内容：

立即学习“前端免费学习笔记（深入）”；

1.1.8PbootCMS

PbootCMS是一款高效、简洁、强悍的开源PHP企业网站开发建设管理系统。 PbootCMS 1.1.8 更新日志：2018-08-07 1.修复提交表单多选字段接收数据问题； 2.修复登录过程中二次登陆在页面不刷新时验证失败问题； 3.新增搜索结果fuzzy参数来控制是否模糊匹配； 4.新增父分类，顶级分类名称及链接独立标签，具体见手册； 5.新增内容多图拖动排序功能。

243

查看详情

const regex = /<div>([^<]*)<\/div>/; const str = '<div>这是 div 内容</div>'; const match = str.match(regex); if (match) { console.log(match[1]); // 输出: 这是 div 内容 }

处理多个标签

如果一段 HTML 中有多个相同标签，使用 g 标志进行全局匹配：

const regex = /<span>([^<]*)<\/span>/g; const str = '<span>第一个</span><span>第二个</span>'; let matches = []; let match; while ((match = regex.exec(str)) !== null) { matches.push(match[1]); } console.log(matches); // ['第一个', '第二个']