JS批量添加属性。

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>
相关阅读:
Verilog --序列检测器（采用移位寄存器实现）
SV -- Randomization 随机化
 SV -- Interprocess Communication (IPC 线程间通信)
SV -- Class 类
 Verilog -- 序列模三（整除3）检测器
 VSCode+C++环境搭建
 在次线性时间内计算线性递归数列
 Codefest19受虐记
 ABC135记录
 Paint.NET软件分享
原文地址：https://www.cnblogs.com/CB/p/1138961.html