如何让img为空时不显示

当img标签的src为空时,会显示一个破碎的图片,看着烦人。
之前用逻辑判断来处理,有点麻烦。

今天发现原来可以使用onerror 事件来处理
1、如果你想在图片为空时要这张图片隐藏可以:
< img src=“图片的url地址” οnerrοr=“this.style.display=‘none’”/>
2、如果你想在图片为空是显示默认图片可以:
< img src=“图片的url地址” οnerrοr=“this.src=‘默认图片的url地址’”/>


微信截图_20200320134016.png


qrcode_for_gh_197e7b195c6b_258.jpg

推荐阅读更多精彩内容