js 匹配 img標簽 增加 style樣式

給img標簽增加 style樣式：

1、如果img 標簽沒有style 就先添加style標簽

2、添加標簽后統一再添加style樣式

   function  imgTagAddStyle (htmlstr) {
      // 正則匹配所有img標簽
      // var regex0 = new RegExp("(i?)(\<img)([^\>]+\>)","gmi");
      // 正則匹配不含style="" 或 style='' 的img標簽
      // eslint-disable-next-line no-useless-escape
      var regex1 = new RegExp("(i?)(\<img)(?!(.*?style=['\"](.*)['\"])[^\>]+\>)", 'gmi')
      // 給不含style="" 或 style='' 的img標簽加上style=""
      htmlstr = htmlstr.replace(regex1, '$2 style=""$3')
      console.log('增加style=""后的html字符串：' + htmlstr)
      // 正則匹配含有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;)
      htmlstr = htmlstr.replace(regex2, '$2max-width:100%;height:auto;$3')
      console.log('在img標簽的style里面增加樣式后的html字符串：' + htmlstr)
      return htmlstr
    }