如何停止显示损坏的图像

Question

我有一个包含一些图像的表格，我想开始时没有图像。我设置了 src=““。但是在浏览器中查看时，它显示损坏的图像图片。

 <tr>
<td><img src=""> </td>
<td><img src=""> </td>
<td><img src=""></td>
</tr>

在我将一些数据放入 src 属性之前，如何防止浏览器显示损坏的图像图片或 X 或其他内容。

原文由 james 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

只是不要把那些 img 元素放在那里。 它们没有语义价值。另外，您应该阅读这篇文章： Empty image src can destroy your site on NCZOnline

我猜你无论如何都在用 Javascript 改变图像源。如果单元格中还没有 img ，您应该简单地添加一个（参见 MDC appendChild() 页面 中的示例）。

（另一个更丑陋的解决方案是默认隐藏图像（ style="display: none;" ），并且只有在它们获得 src 时才用 Javascript 显示它们。但是你应该做第一个。）

原文由 kapa 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

添加此内联事件处理程序，

 <img src="broken.png" onerror="this.style.display='none'" />

原文由 Rakesh Vadnal 发布，翻译遵循 CC BY-SA 3.0 许可协议