Javascript操作CSS之2——元素位置的获取

元素位置可以通过访问style属性获取，但是style未初始化的时候获取不到，需要新的方法获取。

 

元素位置的类型：

1. 静态定位（position:static），元素将遵从文档流的安排，静态的展示在页面上，top(bottom)和left(right)将不起作用
2. 相对定位（position:relative）,元素将以静态位置为基准，以top和left为位置未知展示出来。例如style="top:-50px；left10px;"，就是在惊天位置的基础上向上移动50px，向左移动10px。
3. 绝对位置（position:absolute）,元素将不再遵从于文档流，以元素的第一个非静态父元素为基准，以top和left为位置未知展示出来。
4. 固定位置（position:fixed）,元素将以client窗口区域为基准，以top和left为位置未知展示出来，并且忽视滚轴的作用。

元素位置的获取：

位置获取的三个属性：