day03--利用for循环做 逢10 往下一行 练习
来源:互联网 发布:黑马程序员 招聘信息 编辑:程序博客网 时间:2024/06/05 07:26
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
div{
width: 50px;
height: 50px;
background-color: red;
position: absolute;
top: 0;
left: 0;
line-height: 50px;
text-align: center;
}
</style>
<script type="text/javascript">
window.onload=function (){
// 1、先创建div
for(var i=0;i<20;i++){
document.body.innerHTML=document.body.innerHTML+'<div>'+i+'</div>';
}
// 2 、再查找div的位置
var aDiv = document.getElementsByTagName('div');
for(var i=0;i<10;i++){
aDiv[i].style.left=20+i*50+'px';
}
// 3 、位置稍微做调整
// aDiv[10].style.top=50+'px';
// aDiv[10].style.left=20+'px';
//
// aDiv[11].style.top=50+'px';
// aDiv[10].style.left=20+50*(11-10)+'px';
for(var i=10;i<20;i++){
aDiv[i].style.left=20+(i-10)*50+'px';
aDiv[i].style.top=50+'px';
}
}
</script>
</head>
<body>
</body>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
div{
width: 50px;
height: 50px;
background-color: red;
position: absolute;
top: 0;
left: 0;
line-height: 50px;
text-align: center;
}
</style>
<script type="text/javascript">
window.onload=function (){
// 1、先创建div
for(var i=0;i<20;i++){
document.body.innerHTML=document.body.innerHTML+'<div>'+i+'</div>';
}
// 2 、再查找div的位置
var aDiv = document.getElementsByTagName('div');
for(var i=0;i<10;i++){
aDiv[i].style.left=20+i*50+'px';
}
// 3 、位置稍微做调整
// aDiv[10].style.top=50+'px';
// aDiv[10].style.left=20+'px';
//
// aDiv[11].style.top=50+'px';
// aDiv[10].style.left=20+50*(11-10)+'px';
for(var i=10;i<20;i++){
aDiv[i].style.left=20+(i-10)*50+'px';
aDiv[i].style.top=50+'px';
}
}
</script>
</head>
<body>
</body>
</html>
0 0
- day03--利用for循环做 逢10 往下一行 练习
- day03--利用for循环做来一个小V字形(小练习)
- for循环练习【20171113练习】
- for循环练习
- for循环练习*累加
- for循环程序练习
- for循环练习
- for 循环 嵌套练习
- For循环练习
- for嵌套循环练习
- for循环练习
- for循环 进阶练习
- for循环的练习
- for循环语句练习
- 利用for循环求和
- 第10周项目一--利用循环求和for循环
- day03综合练习
- for循环练习(累加思想)
- Excel问题 所有数据 怎么查其中一个数据出现过几次 COUNTIF函数
- Python常用的机器学习库
- 匿名内部类
- 精美UI界面欣赏
- 基数排序
- day03--利用for循环做 逢10 往下一行 练习
- 计数排序Counting sort
- c控制语句:循环(3)
- 排序算法复习
- CNN-卷积反卷积
- SharePoint Framework (SPFx)之创建SharePoint Client-Side Webpart(二)
- angularJs select框用法总结
- javascript 基础 语法 2017-1-4
- Redis登录认证密码