for循环获取坐标

Posted 2020-10-15 麦兜家园

简单了解一下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循环，明天继续！