用循环将三个Div变成红色
2017-03-03 20:40
148 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用循环将三个DIV变成红色</title>
<style>
body {
text-align: center;
}
div {
background-color: black;
width:100px;
height:100px;
margin-left: 10px;
display: inline-block;
}
</style>
<script>
window.onload = function() {
var aa=document.getElementsByTagName('button')[0];
var bb=document.getElementsByTagName('div');
aa.onclick = function() {
for (var i = 0; i < bb.length; i++) {
bb[i].style.backgroundColor = "red";
}
};
}
</script>
</head>
<body>
<p><button>点击将DIV变成红色</button></p>
<div></div>
<div></div>
<div></div>
</body></html>效果图：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- fgm实例练习笔记-1.4用循环将三个Div变成红色
- Ferris教程学习笔记:js示例2.3 用循环将三个DIV变成红色
- 用循环将三个DIV变成红色
- javascript小练习—点击将DIV变成红色（通过for循环遍历）
- dea工具debug断点红色变成灰色
- 正则表达式的贪婪模式和非贪婪模式,如何取div ,li 标签的循环内容,采集别人网站的内容
- 指针p,q,r依次指向某循环链表中三个相邻的结点，交换结点*q，*r在表中次序的程序段是
- 富文本编辑器中如何让一个Div变成像输入框一样可输入的？
- 网页制作过程中div定位的三个问题
- jquery获取某个div下相同特性的所有对象对循环对其操作
- 循环灯控制器，该控制器控制红、绿、黄三个发光管循环发亮（VHDL语言）
- 有三个线程ID分别是A、B、C,请有多线编程实现，在屏幕上循环打印10次ABCABC
- 把多核CPU的计算能力都用起来吧，Parallel--让你的循环变成并行运算
- for循环的三个表达式
- 用DIV+javascript实现首尾相连循环滚动效果（兼容firefox）
- 在list里循环放入map，每次map里的值都不一样，可是放入后再取出来就变成一样的
- 【代码笔记】iOS-将字符串中特定后的字变成红色
- 绑定gridview的时候，如果发现某条记录满足一定条件，那么改行记录背景色变成红色
- DIV+javascript实现首尾相连循环滚动效果
- 有三个线程ＩＤ分别是ＡＢＣ，用多线程编程在屏幕上循环打印ABCABC....十次