动态修改模板字符串中图片--简单解决

最新推荐文章于 2022-12-03 22:32:13 发布

鱼趴

最新推荐文章于 2022-12-03 22:32:13 发布

阅读量1.2k

点赞数 1

文章标签： jquery 前端 javascript

本文链接：https://blog.csdn.net/tr1098891979/article/details/121638234

版权

document.addEventListener("error", function (e) {
     var elem = e.target;
     if (elem.id.toLowerCase() == 'imgurl_infowindow') { 
            //在这内部可以发请求拿到动态的地址
            imgsrc = 你想替换的地址  
            elem.src = imgsrc
    }, true);

//这里是模板字符串中的 img标签
`<img id='imgUrl_infowindow'  src="x" >`

直接给模板字符串中的img的src给错误地址触发上面的error监听事件，再对监听到的错误的事件ID进行匹配，再动态设置地址

适用于模板字符串中的动态地址设定，亲测可行，不过打印台会报img的src错误，不过不影响，本来原理就是通过监听错误事件来做的处理