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

Question

您是否知道在找不到图像文件时如何从呈现的HTML页面中隐藏经典的“未找到图像”图标？任何使用JavaScript / jQuery / CSS的工作方法？

Answer 1

要隐藏每个图像错误，只需在页面底部（恰好在body标记之前）添加以下JavaScript：

(function() {

    var allimgs = document.images;

    for (var i = 0; i < allimgs.length; i++) {

        allimgs[i].onerror = function() {

            this.style.visibility = "hidden"; // Other elements aren't affected. 

        }

    }

})();