鼠标点击DIV后，DIV的背景变色（js）
2016-07-29 16:21
615 查看
<!DOCTYPE html>
<html>
<head>
<script>
window.onload = function(){
var divs = document.getElementsByTagName("div");
var len = divs.length;
for(var i=0;i<len;i++){
divs[i].onclick = function(){
for(var j=0;j<len;j++){
divs[j].style.backgroundColor = "black";
}
this.style.backgroundColor = "red";
};
}
};
</script>
</head>
<body>
<div id="div1" style="width:100px;height:100px;background:black;margin:10px;"></div>
<div id="div2" style="width:100px;height:100px;background:black;margin:10px;"></div>
<div id="div3" style="width:100px;height:100px;background:black;margin:10px;"></div>
<div id="div4" style="width:100px;height:100px;background:black;margin:10px;"></div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js拼接json字符串
- JavaScript中null和undefined的比较和区别
- [Web基础笔记]JavaScript部分
- JSF导航
- JSP PDF打印 随记
- POJStars2352(树状数组学习)
- jsp调用js文件中文乱码
- JSP合用html5 尝试（一）
- JavaScript强化教程——保留关键字
- JS 点击事件学习总结
- Three.js基础探寻六——文字形状与自定义形状
- JavaScript强化教程——保留关键字
- JS函数式编程
- 将Json字符串写入空白文件（解决乱码）
- 读JSON并转成字符串（解决json文件中乱码问题）
- js兼容问题
- JS闭包的使用
- js倒计时制作
- JS每隔1秒输出一组新的随机数
- 在ssh框架中service-action-jsp-formbeam-dao的调用顺序