js_为innerHTML添加的图片添加onerror处理事件

在今天的开发中遇到这样的需求：通过接口获取到文章数据， 文章数据是html字符串， 使用innerHTML将其注入到某一个元素中， 文章中的某些图片因为服务器端的图片失效等原因无法访问，需要为其添加一个onerror处理事件， 替换调损坏的图片， 替换为一个显示加载失败的图

function handleErr(dom){
  if(dom.src!=='errImgSrc'){
      dom.src=errImgSrc
  }else{
      dom.onerror=null // 这个非常重要，必须考虑被替换的图片也加载失败的情况
  }
}
let reg = /(<\simg\s)/g
let str1 = '< img src="https://inews.gtimg.com/news_bt/OLxEQ7cVaXS1OUlA/641" alt="图片" data-href="" style="width: 680px;height: 381.547px;"/>'

let replaceFn = '$1 onerror="handleErr(this)" '
str1 = str1.replace(reg, replaceFn)
console.log(str1)