求解img onerror用法 或者 实现意图 不用onerror
本帖最后由 plaodj 于 2023-7-15 08:50 编辑假若一个页面内有 多个类似的div如：
<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 正常显示
这个应该怎么搞？？？
https://static.52pojie.cn/static/image/hrline/1.gif
我本来想 在nofind 方法里更新 div 再在另一个方法里 隐藏指定 class 的div ，但是 是在同一个页面啊结果是全部隐藏了 。。。
//更新div的class
<script type="text/javascript">
<!--
function nofind(){
var div1 = document.getElementsByClassName("sfbspic");
var i;
for (i=0;i<div1.length;i++ )
{
div1.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.style.display="none";
}
}
//-->
</script>
来请教大侠指导
尽量使用JavaScript 不使用 jq 实现吧 https://www.52pojie.cn/thread-1808712-1-1.html 此帖五楼完美解决了问题需求
页:
[1]