自动替换页面失效图片的代码

在经典上看到一位朋友问了这个问题，其中xling大哥给出了一个解决办法：<img src="aaaa.gif"  οnerrοr="this.src='http://www.blueidea.com/articleimg/usericon/xling.gif'" />，但是对于如果网页中存在大量图片的时候，一个个改代码工作量就大了。偶就想写一个函数自动更新页面所有的失效图片。
基本思想就是遍历页面中图片。如果发现失效则自动替换为预先设定的图片。
代码如下（这时个比较有用的代码）：

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml"  xml:lang ="en"  lang ="en" >
< head >
   < title ></ title >
   < script  type ="text/javascript" >
     function  DispErrImg(){
         var  imgs = document.getElementsByTagName( " img " );
         for ( var  i = 0 ;i < imgs.length;i ++ )
            imgs[i].onError = imgs[i].src = " http://www.blueidea.com/articleimg/usericon/xling.gif "
    }
</ script >
</ head >
< body >
< div  id ="a" ></ div >
< img  src ="aaa.gif"  width ="200"  height ="100"   />
< img  src ="bbb.gif"  width ="200"  height ="100"   />
< img  src ="ccc.gif"  width ="200"  height ="100"   />
< img  src ="http://www.blueidea.com/articleimg/usericon/xling.gif"  width ="200"  height ="100"  /
</body >
< script  type ="text/javascript" >
DispErrImg();
</ script >
</ html >