本文介绍如何使用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