JS批量添加属性。

<! 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" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title > 无标题文档 </ title >
< style >
img {}{border:1px solid #ccc;cursor:pointer;padding:4px;}
</ style >
</ head >
< body >
< div  id ="test" >
< img  src ="http://bbs.blueidea.com/images/blue/logo.gif"  alt ="logo"   />
< img  src ="http://bbs.blueidea.com/images/blue/logo.gif"  alt ="logo"   />
< img  src ="http://bbs.blueidea.com/images/blue/logo.gif"  alt ="logo"   />
< img  src ="http://bbs.blueidea.com/images/blue/logo.gif"  alt ="logo"   />
< img  src ="http://bbs.blueidea.com/images/blue/logo.gif"  alt ="logo"   />
< img  src ="http://bbs.blueidea.com/images/blue/logo.gif"  alt ="logo"   />
< img  src ="http://bbs.blueidea.com/images/blue/logo.gif"  alt ="logo"   />
< img  src ="http://bbs.blueidea.com/images/blue/logo.gif"  alt ="logo"   />
< img  src ="http://bbs.blueidea.com/images/blue/logo.gif"  alt ="logo"   />
< img  src ="http://bbs.blueidea.com/images/blue/logo.gif"  alt ="logo"   />
< img  src ="http://bbs.blueidea.com/images/blue/logo.gif"  alt ="logo"   />
</ div >
</ body >
< script  type ="text/javascript" >
var imglist = document.getElementById("test").getElementsByTagName("img");
for(var i=0;i<imglist.length;i++)
{
    imglist[i].onmouseover = function()
    {
        this.style.borderColor = "#f60";
    }
    
    imglist[i].onmouseout = function()
    {
        this.style.borderColor = "#369";
    }
}
</ script >
</ html >

转载于:https://www.cnblogs.com/CB/archive/2008/04/06/1138961.html