html <div>红,3 循环将三个DIV变成红色.html

用循环将三个DIV变成红色

#outer{width:330px;height:100px;margin:10px auto;}

#outer div{float:left;width:100px;height:100px;margin:0 5px;background:black;}

window.onload = function ()

{

var oDiv = document.getElementById("outer").getElementsByTagName("div");

var oBtn = document.getElementsByTagName("button")[0];

oBtn.onclick = function ()

{

for(var i = 0; i < oDiv.length; i++) oDiv[i].style.background = "red";

}

}

点击将DIV变成红色

一键复制

编辑

Web IDE

原始数据

按行查看

历史