for循环和数组的应用 

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
    div{width:100px;height: 100px;border: 1px solid black;margin: 10px;float: left;}
</style>
</head>

<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script>
        var odiv=document.getElementsByTagName('div');
        for(var i=0;i<odiv.length;i++)
            {
                odiv[i].style.backgroundColor='red';
            }
</script>
</body>
</html>

 

posted @ 2018-01-06 15:01  绿林豪士  阅读(199)  评论(0)  编辑  收藏  举报