简单了解一下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';} 13 14 }; 15 </script>
好了,今天就是简单的了解下for循环,明天继续!