时间戳

首页 > 解决方案 > 仅在可用时显示 html 元素

javascript - 仅在可用时显示 html 元素

问题描述

所以我试图用 csv 表中的内容填充 Leaflet JS Map 的弹出窗口。弹出窗口充满了 html。它完全符合我的需求。我唯一的问题是不是每个弹出窗口都有可用的图像，但每个弹出窗口都依赖于下面显示的相同 html 代码：

popUp = "<h2>"+feature.properties.Name+"</h2>" +
        "<img src='"+ feature.properties.picturelink +"'width='300'</img>" +"<br>"+"<br>"+
        "<h4>"+feature.properties.description+"<br>"

如果没有可用的图像，则会显示一个占位符： placeholder

有没有办法只显示实际图像并隐藏占位符（如果没有）？

标签： javascripthtml

解决方案

如果损坏，您可以添加onerror到图像以隐藏它。

onerror="this.style.display='none'"

推荐阅读