码迷,mamicode.com
首页 > 其他好文 > 详细

for循环获取坐标

时间:2017-11-20 23:17:50      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:常用   动态   情况下   定位   body   tag   就是   col   坐标   

简单了解一下for循环获取坐标,for循环是js中经常用到,一般情况下,页面上有很多元素的情况下,我们不可能一一的去添加,所以就会用到for循环。今天先简单写一个获取页面元素的坐标,首先先动态给页面添加10个div,并把每个div写一个50*50的宽高给个绝对定位;然后要实现的效果是让每个div都依次的排开;代码如下:

 1 <script>
 2 window.onload = function (){
 3     var aDiv = document.getElementsByTagName(‘div‘);//获取页面上div
 4     
 5     for( var i=0; i<11; i++ ){
 6         document.body.innerHTML += ‘<div>‘ + i + ‘</div>‘;//动态添加10个div并写上号码
 7     }
 8     
 9     for( var i=0; i<aDiv.length; i++ ){
10         aDiv[i].style.left = 10 + i*50 + ‘px‘;12     }
13     
14 };
15 </script>

好了,今天就是简单的了解下for循环,明天继续!

for循环获取坐标

标签:常用   动态   情况下   定位   body   tag   就是   col   坐标   

原文地址:http://www.cnblogs.com/web001/p/7868486.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!