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>
相关阅读:
无刷电机控制基本原理
 SPI 串行Flash闪存W25Q128FV 的使用（STM32F407）_软件篇
 CAN总线简介
 RS-232串口特性
 PLSQL 安装教程
 JS 常用正则表达式备忘录
 JS数组去重
 Js中Map对象的使用
 JS操作字符串
 前端小技巧
原文地址：https://www.cnblogs.com/CB/p/1138961.html