fgm实例练习笔记-1.4用循环将三个Div变成红色
2017-07-08 14:25
387 查看
页面写按钮,写一个div包含三个div。初始化为background:black;
window.onload = function(){ var obtn = document.getElementsByTagName("button")[0]; var ore = document.getElementsByTagName("button")[1];//加了一个重置按钮,成为第二个button var odiv = document.getElementById("outer").getElementsByTagName("div"); obtn.onclick = function() //onclick在obtn按钮上,循环在内部。(如果先写了for循环,那就变成了用循环改变多个按钮的设置,这里只是一个按钮控制三个div,而不是反过来。所以for循环在里面,设置了一个按钮obtn。) { for(var i= 0;i < odiv.length; i++){ odiv[i].style['background'] = "red";}//改成.style.background = "red";也可以,用.访问background属性。 }; ore.onclick = function(){ for(var i= 0;i < odiv.length; i++){ odiv[i].style.cssText = "";//cssText = ""还原初始化。 } } };
相关文章推荐
- Ferris教程学习笔记:js示例2.3 用循环将三个DIV变成红色
- fgm实例练习笔记-2.5函数传参,改变Div任意属性的值
- 用循环将三个DIV变成红色
- 用循环将三个Div变成红色
- fgm实例练习笔记-1.6记住密码提示框
- fgm实例练习笔记-2.1点击展开下拉列表
- fgm实例练习笔记-3.8简易网页时钟
- fgm实例练习笔记-4.1 setTimeout应用
- fgm实例练习笔记-2.5页面加载后自加一
- fgm实例练习笔记-2.6图片列表:鼠标移入/移出改变图片透明度
- fgm实例练习笔记-1.3函数接收参数并弹出
- fgm实例练习笔记-2.4弹出层效果
- fgm实例练习笔记-3.4比较数字大小
- fgm实例练习笔记-3.9倒计时
- fgm实例练习笔记-2.11鼠标移过改变图片路径
- javascript小练习—点击将DIV变成红色(通过for循环遍历)
- fgm实例练习笔记-2.3求出数组中所有数字的和
- fgm实例练习笔记-1.5js写css hover选择器
- fgm实例练习笔记-1.2网页换肤
- 原生JS实例练习——控制div属性—— JS学习笔记2015-8-4(第93天)