js 处理编译器html 包含img的标签并设置width

本文介绍: js 处理编译器 html 包含 img的标签并设置 width

           var imgElem ents = document.getElem entsByTa gNa m e(‘img‘);
               fo r (let imgEle m ent of imgEle m ents) {
                           //1.如果有style 属性,去掉 style 属性中的wi dt h 属性和height属性
                           if (imgElement.ha sAt tr i bu te(‘style‘)) {
                                   // 获取 style属性的值
                                   var styleValue = imgElement.getAttr i bute(‘style’);
                                   // 使用正则表达式去掉 wi dt h和he i g ht属性
                                   var update dStyleValue = styleValue.replace(/(wi dt hs*:s*d+s*pxs*;?|hei g h ts*:s*d+s*pxs*;?)/g i, ”);
                                   // 更新 img 标签的style属性
                                   imgElement.setAttribute(‘style’, up date dStyleValue);
                           }
                           //2.如果有heig ht属性,去掉im g中的heig ht属性
                           if (im gElement.hasAttribute(‘height’)) {
                                   // 去掉height属性
                                   imgElement.r emo veAttribute(‘height’);
                           }
                           //3.设置img中的wi dth属性
                           imgElement.setAttribute(‘wi dth’,’100%’)
                   }