js 获取元素距离的一些 api？

Question

用 js 获取页面元素的位置

1. clientWidth，clientHeight
   含义：只读属性，表示元素的内部宽度
   从盒子模型角度看，包含padding,但不包含border和margin以及滚动条
   当是盒子模型的时候，其实就是width-border*2
   内联元素clientWidth为0
   语法：element.clientWidth

Tips: 大多数情况下，都是docume.documentElement.clientWidth返回正确值，但是在IE模式下，document.body.clientWidth获取正确值。

2. clientLeft,clientTop
   含义：只读属性，表示一个元素左边框的宽度，其实就是border，从盒子模型角度看，不包含左外边距 左内边距
3. offsetWidth,offsetHeight
   含义：只读属性，表示一个元素的布局宽度，从盒子模型角度看，包括width,padding,border
   各个浏览器不同
4. offsetTop,offsetLeft
   含义，只读属性，表示相对于定位了的父元素的偏移量，如果没有定位父元素，就相对于body
5. scrollWidth,scrollHeight
   含义：只读属性，元素的内容宽度，包括滚动条溢出的，如果没有滚动条，和clientWidth相等
6. scrollTop,scrollLeft
   可读取可设置属性，一个元素内容滚动条溢出的距离

大佬帮忙看下我理解的对吗？

Answer 1

感觉你需要的是 getBoundingClientRect。

纯血 IE 还需要考虑么？