从字符串中获取所有 img alt - Javascript

在前端开发中，常常需要从HTML标签中获取其各种属性值，如img标签的alt属性。本文介绍一种通过Javascript来实现字符串中获取所有img alt的方法。

思路

1. 利用正则表达式匹配字符串中所有的img标签
2. 遍历匹配到的img标签，获取其alt属性的值

代码实现

// 定义一个字符串
let str = '<img src="image.jpg" alt="beautiful image"><img src="picture.png" alt="awesome picture">';

// 定义正则表达式，匹配字符串中所有img标签
let imgRegex = /<img.*?>/g;

// 利用match方法得到匹配到的所有img标签的数组
let imgArr = str.match(imgRegex);

// 定义一个空数组，用于存储img标签的alt属性值
let altArr = [];

// 遍历img标签数组，获取alt属性值，将其存入altArr中
for(let i=0; i<imgArr.length; i++){
  let img = imgArr[i];
  let altRegex = /alt="(.*?)"/;
  let alt = img.match(altRegex)[1];
  altArr.push(alt);
}

// 输出alt属性值的数组
console.log(altArr);

以上代码最终输出结果为：

["beautiful image", "awesome picture"]

总结

本文介绍了一种通过Javascript实现从字符串中获取所有img标签alt属性的方法，通过正则表达式匹配、遍历数组获取属性值，能够有效帮助前端开发者处理字符串中的各种标签。