###总结一下js获取样式信息的几个api
dom.style.height/width
- 获取dom元素行间样式的宽高，也就是内联样式。
- 值为String类型,并且带单位.
- 默认值为’’.即没有内联样式就返回’’.
- 可读写
获取非行间样式
- ie => dom.currentStyle.height/width;
- FF => window.getComputedStyle(obj.false).height/width;
- 获取dom元素非行间样式的宽高，也就是外部引用和内部引用。
- 值为String类型,并且带单位.
- 默认值根据元素的类型不同而不同: inline元素为’auto’;block为具体数值;input为文本高度、宽度.
- 可读写
offset
- 只读
offsetParent
- 如果最近的父元素中有position定位，那offset就是父元素
- 如果没有，标准模式：html;严格模式：body;
offsetHeight/Width
- 元素的可视高与宽，包括边框border与padding,滚动条宽度，元素高度/宽度本身。
- 值为Number类型。
offsetTop/Left
只与该元素有关
FF 元素左边到父元素内边距
- chrome 元素左边到父元素外边距
clientHeight/Width
- 元素的可视高与宽，不包括边框border与padding,滚动条宽度，只为元素高度/宽度本身。
- 值为Number类型。
getBoundingClientRect()
- 元素相对页面的距离。相当于chrome下相对body的offsetLeft
- Number
clientX
- 鼠标事件距离页面的距离。