求解img onerror用法 或者 实现意图 不用onerror

plaodj

假若一个页面内有 多个类似的div  如：

[JavaScript] 纯文本查看 复制代码

<div class="sfbspic" style="text-align:center;"><img border="0" alt="" src="/image/s1.png" /></div>
<div class="sfbspic" style="text-align:center;"><img border="0" alt="" src="/image/s2.png" /></div>
<div class="sfbspic" style="text-align:center;"><img border="0" alt="" src="/image/s3.png" /></div>
<div class="sfbspic" style="text-align:center;"><img border="0" alt="" src="/image/s4.png" /></div>
<div class="sfbspic" style="text-align:center;"><img border="0" alt="" src="/image/s5.png" /></div>
<div class="sfbspic" style="text-align:center;"><img border="0" alt="" src="/image/s6.png" /></div>
<div class="sfbspic" style="text-align:center;"><img border="0" alt="" src="/image/s7.png" /></div>
<div class="sfbspic" style="text-align:center;"><img border="0" alt="" src="/image/s8.png" /></div>
<div class="sfbspic" style="text-align:center;"><img border="0" alt="" src="/image/s9.png" /></div>
<div class="sfbspic" style="text-align:center;"><img border="0" alt="" src="/image/s10.png" /></div>

其中某些 src 指定的图片 存在  某些不存在   不存在将触发 onerror 事件

意图：现在  想实现 当图片不存在 触发了onerror事件的 div全部隐藏  display：none   而图片存在  没有触发 onerror事件的div 正常显示

这个应该怎么搞？？？



我本来想 在nofind 方法里  更新 div   再在另一个方法里 隐藏指定 class 的div   ，但是 是在同一个页面啊  结果是全部隐藏了 。。。

[JavaScript] 纯文本查看 复制代码

//更新div的class
<script type="text/javascript">
<!--
function nofind(){
        var div1 = document.getElementsByClassName("sfbspic");
        var i;
    for (i=0;i<div1.length;i++ )
    {
                div1[i].className="nosfbspic";
    } 
    nofindsfbspic();
}
//-->
</script>
// 隐藏指定class的div
<script type="text/javascript">
<!--
function nofindsfbspic(){
        var div2 = document.getElementsByClassName("nosfbspic");
        var i;
    for (i=0;i<div2.length;i++ )
    {
                div2[i].style.display="none";
    } 
}
//-->
</script>

来请教大侠指导

尽量使用JavaScript 不使用 jq 实现吧

plaodj

https://www.52pojie.cn/thread-1808712-1-1.html    此帖五楼  完美解决了问题需求