找不到src源图像时，如何静默隐藏“找不到图像”图标

Question

您是否知道在找不到图像文件时如何从呈现的HTML页面中隐藏经典的“未找到图像”图标？

任何使用JavaScript / jQuery / CSS的工作方法？

Answer 1

要隐藏每个图像错误，只需在页面底部（恰好在body标记之前）添加以下JavaScript：(function() {&nbsp; &nbsp; var allimgs = document.images;&nbsp; &nbsp; for (var i = 0; i < allimgs.length; i++) {&nbsp; &nbsp; &nbsp; &nbsp; allimgs[i].onerror = function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.style.visibility = "hidden"; // Other elements aren't affected.&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }})();