js正则解析字符串中html标签(解析字符串中html的img标签及其中src、name属性)

let str = 'aaaaaaaaaaaa\n' +
  '\n' +
  'bbbbbbbbbbbbb\n' +
  '\n' +
  'cccccccccccccc'
// 匹配图片(g表示匹配所有结果i表示区分大小写)
let imgReg = /|\/>)/gi
// 匹配src属性
let nameReg = /name=[\'\"]?([^\'\"]*)[\'\"]?/i;
let arr = str.match(imgReg)
// console.log('所有已成功匹配图片的数组:' + arr)
for (let i = 0; i < arr.length; i++) {
  // console.log(arr[i])
  let names = arr[i].match(nameReg)
  // 获取图片地址
  if (names && names[1]) {
    // console.log('已匹配的图片地址' + (i + 1) + ':' + names[1])
    str = str.replace(arr[i], names[1])
  }
}
console.log(str)

你可能感兴趣的:(前端)