原生JS for循环获取坐标的解决办法
内容摘要
这篇文章主要为大家详细介绍了原生JS for循环获取坐标的简单示例,具有一定的参考价值,可以用来参考一下。
简单了解一下for循环获取坐标,for循环是js中经常用到,一般情况下,页面
简单了解一下for循环获取坐标,for循环是js中经常用到,一般情况下,页面
文章正文
这篇文章主要为大家详细介绍了原生JS for循环获取坐标的简单示例,具有一定的参考价值,可以用来参考一下。
简单了解一下for循环获取坐标,for循环是js中经常用到,一般情况下,页面上有很多元素的情况下,我们不可能一一的去添加,所以就会用到for循环。今天先简单写一个获取页面元素的坐标,首先先动态给页面添加10个div,并把每个div写一个50*50的宽高给个绝对定位;然后要实现的效果是让每个div都依次的排开;代码如下:JS代码如下:1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <code class = "js" > /** * for循环获取坐标 * * @param * @arrange (www.idcnote.com) **/ <script> window.onload = function (){ var aDiv = document.getElementsByTagName( 'div' ); //获取页面上div for ( var i=0; i<11; i++ ){ document.body.innerHTML += '<div>' + i + '</div>' ; //动态添加10个div并写上号码 } for ( var i=0; i<aDiv.length; i++ ){ aDiv[i].style.left = 10 + i*50 + 'px' ;} }; </script> // 来自:php教程(www.idcnote.com)</code> |
注:关于原生JS for循环获取坐标的简单示例的内容就先介绍到这里,更多相关文章的可以留意
代码注释