您的位置:首页 > 其它

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 = ""还原初始化。
}
}
};
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: