JavaScript提取HTML字符串中alt属性及纯文本内容的实现
作者：流萤时间：2026-10-24 11:51:05浏览：551
本文介绍如何使用JavaScript从用户输入的混合HTML字符串中提取所有img标签的alt属性值以及标签外的纯文本内容。通过正则匹配与字符串处理，实现如从包含多个img标签的字符串中准确提取123、321等属性值及中间文本，适用于动态内容抓取场景。
JavaScript提取HTML字符串中alt属性及纯文本内容
假设存在一个包含HTML标签的字符串，例如<img src='test' alt=123>xtxtxt<img src='test' alt=321>1221<img src='test' alt=yes>，目标是从中提取所有img标签的alt属性值，同时保留非标签部分的文本内容。以该示例为例，期望得到的结果是拼接后的字符串“123xtxtxt3211221yes”。需要注意的是，原始字符串的内容是不确定的，由用户动态输入。
<html> <title>test</title> <body> </body> </html> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
原创作者 swust_wu
作者最新文章
JavaScript将图片转换为Base64编码的两种途径
2026-11-05 16:43:05
怎么在 Vue 或 React 项目中正确集成 animate.js
2026-11-05 10:23:38
JS注册事件：addEventListener基础语法与参数详解
2026-11-05 08:44:56
JSP和JS的区别：运行环境与服务端/客户端职责解析
2026-11-04 23:34:36
pdf.js 官方下载地址：GitHub Release 获取预编译包
2026-11-04 23:07:27
相关标签：