处理后端返回的html代码中样式代码


去除后台返回html中样式

                        // 处理返回的html代码,删除标签中style中的背景颜色样式
                        var tempElement = document.createElement("div");
                        tempElement.innerHTML = this.detailData.contenttext;
                        var sectionList = tempElement.getElementsByTagName("*");
                        for (var i = 0; i < sectionList.length; i++) {
                            var style = sectionList[i].getAttribute("style");
                            if (style) {
                                style = style.replace(/background-color:[^;]+;/g, "");
                                sectionList[i].setAttribute("style", style);
                                // 设置img标签的样式
                                var imgList = sectionList[i].getElementsByTagName("img");
                                for (var j = 0; j < imgList.length; j++) {
                                    imgList[j].style.width = "100%";
                                    imgList[j].style.height = "auto";
                                }
                                // 设置文字颜色 包括但不限于p标签、span标签
                                var colorList = sectionList[i].getElementsByTagName("*");
                                for (var j = 0; j < colorList.length; j++) {
                                    if (colorList[j].style) {
                                        colorList[j].style.color = "#fff";
                                    }
                                }
                            }
                        }
                        this.detailData.contenttext = tempElement.innerHTML;


扫描二维码,在手机上阅读

推荐阅读:

echarts图表自动滚动代码

关于a标签跨域下载文件download属性不生效的解决方式

评 论
avatar
六思逸管理员
  • Chrome
  • Windows10
学到了,感谢分享!
2024-09-24 20:26 回复
avatar
爱你的东子
  • Chrome
  • Windows10
又学到了一片,我要把你吸干
2024-08-11 14:58 回复