js全局匹配img标签使其自适应

我这个有个局限性 就是已经在页面写好的img标签是不能匹配上的 是要动态的img标签

// 正则匹配所有img标签
// 正则匹配不含style="" 或 style='' 的img标签
var regex1 = new RegExp("(i?)(\<img)(?!(.*?style=['\"](.*)['\"])[^\>]+\>)", 'gmi')
// 给不含style="" 或 style='' 的img标签加上style=""
that.content = that.content.replace(regex1, '$2 style=""$3')
console.log('增加style=""后的html字符串：' + that.content)
// 正则匹配含有style的img标签
// eslint-disable-next-line no-useless-escape
var regex2 = new RegExp("(i?)(\<img.*?style=['\"])([^\>]+\>)", 'gmi')
// 在img标签的style里面增加css样式(这里增加的样式：display:block;max-width:100%;height:auto;border:5px solid red;)
that.content = that.content.replace(regex2, '$2max-width:100%;height:auto;$3')
console.log('在img标签的style里面增加样式后的html字符串：' + that.content);