提取html中所有img标签的图片链接地址

export function imgTags(htmlString) {
  // 创建一个临时 div 元素，用于将 HTML 字符串转换为 DOM 对象
  let tempDiv = document.createElement("div");
  tempDiv.innerHTML = htmlString;

  // 提取所有的 img 标签
  let imgTags = tempDiv.getElementsByTagName("img");

  // 存储 img 标签的 url
  let urlList = [];
  // 输出提取到的 img 标签
  for (var i = 0; i < imgTags.length; i++) {
    imgTags[i].src && urlList.push(imgTags[i].src);
  }
  return urlList;
}

1、 创建一个临时容器：
该函数接收一个HTML模板字符串，用临时 div 元素装要处理的 HTML 内容。
2、抓取所有图片标签：
在这个临时容器里翻找所有 <img> 标签，就像在袋子里挑出所有照片一样。
3、 收集图片地址：
检查这些<img>标签是否有src属性（图片链接），把找到的图片链接添加到数组中。
4、返回地址清单：
返回所有<img>标签的图片链接数组

例如下面这段模板代码：

<div><img src="cat.jpg"><p>文字</p><img src="dog.png"></div>

返回结果

["cat.jpg", "dog.png"]