当前位置: 首页 > article >正文

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

             var imgElements = document.getElementsByTagName('img');
                    for (let imgElement of imgElements) {
                            //1.如果有style属性,去掉style属性中的width属性和height属性
                            if (imgElement.hasAttribute('style')) {
                                    // 获取style属性的值
                                    var styleValue = imgElement.getAttribute('style');
                                    // 使用正则表达式去掉width和height属性
                                    var updatedStyleValue = styleValue.replace(/(width\s*:\s*\d+\s*px\s*;?|height\s*:\s*\d+\s*px\s*;?)/gi, '');
                                    // 更新img标签的style属性
                                    imgElement.setAttribute('style', updatedStyleValue);
                            }
                            //2.如果有height属性,去掉img中的height属性
                            if (imgElement.hasAttribute('height')) {
                                    // 去掉height属性
                                    imgElement.removeAttribute('height');
                            }
                            //3.设置img中的width属性
                            imgElement.setAttribute('width','100%')
                    }


http://www.kler.cn/a/154616.html

相关文章:

  • candence : 通孔焊盘、插装器件封装绘制
  • 【React】状态管理之Zustand
  • 一文3000字从0到1带你进行Mock测试(建议收藏)
  • 全面解读 USB Key:定义、使用场景、加密技术及 Java 实现
  • Fish Agent V0.13B:Fish Audio的语音处理新突破,AI语音助手的未来已来!
  • (附项目源码)nodejs开发语言,212 个性化音乐推荐系统的设计与实现,计算机毕设程序开发+文案(LW+PPT)
  • Serilog .net下的新兴的日志框架
  • 使用WalletConnect Web3Modal v3 链接钱包基础教程
  • MATLAB算法实战应用案例精讲-【智能优化算法】生物地理学优化算法-BBO(附MATLAB代码实现)
  • QProcess 启动 进程 传参数 启动控制台进程 传参
  • Python标准库:math库【侯小啾python领航班系列(十六)】
  • STM32F407-14.3.8-01强制输出模式
  • 删除链表的倒数第N个节点,剑指offerII(21),力扣
  • 给Web3应用新增区块链数据(Web3项目一实战之六)
  • iceoryx(冰羚)-进程间消息同步
  • c语言:整数与浮点数在内存中的存储方式
  • 抖音视频如何无水印保存?抖音视频无水印保存教程
  • k8s部署jenkins
  • 【前端】JS实现SQL格式化
  • Adobe Indesign操作
  • 『测试基础』| 如何理解测试用例管理和缺陷管理?
  • 【海思SS528 | VO】MPP媒体处理软件V5.0 | 视频输出模块——学习笔记
  • RxJava
  • Halcon tiff 点云读取以及平面矫正
  • 算法工程师面试八股(搜广推方向)
  • jenkins使用nexus插件