【饭前娱乐】如何在不改前端代码的情况下修改img的宽度
本文由 小茗同学 发表于 2020-11-25 浏览(3310)
最后修改 2020-11-25 标签:

如上图:已知config是从接口读取的,由于历史原因前端把图片宽度写死了,现在需要替换图片,但是宽度变了,问:如何在不改前端代码只改接口的情况下将图片宽度修改成指定宽度。

答案:

一开始想到的方法绕了一个大弯:

var config = {
	src: 'xxx.png',
	tip: '这是提示<script>setTimeout(function(){var a = document.querySelector("#top-activity-wrapper > div > img");if (a) {a.style.width = "120px"}}, 500)</script>',
}

后来突然一想,这样不就好了么:

var config = {
	src: 'xxx.png" style="width: 120px;margin-right: 4px;"/><img src="',
	tip: '这是提示',
}

另外需要补充的是,由于前端代码写img的时候忘了结尾的</img>导致也只能用类似img这种标签做临时标签,如果用span的话会导致tip跑到span里面去。