原生JS for循环获取坐标的解决办法

内容摘要
这篇文章主要为大家详细介绍了原生JS for循环获取坐标的简单示例，具有一定的参考价值，可以用来参考一下。

简单了解一下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循环获取坐标的简单示例的内容就先介绍到这里，更多相关文章的可以留意

代码注释
上一篇Python正则表达式的解决办法下一篇python获取系统时间的解决办法

作者：喵哥笔记

IDC笔记

学的不仅是技术，更是梦想！