原生 dom 属性

client 相关

• clientHeight = height + padding，不包括水平滚动条宽度，返回值为整数。
• clientWidth = width + padding，不包括垂直滚动条宽度，返回值为整数。
• clientLeft = left border + 垂直滚动条宽度，返回值为整数。

内联元素以及没有 CSS 样式的元素的 **clientWidth** 属性值为 0。**Element.clientWidth** 属性表示元素的内部宽度，以像素计。该属性包括内边距 padding，但不包括边框 border、外边距 margin 和垂直滚动条（如果有的话）。

• clientTop = topborder，返回值为整数。

offset 相关

• offsetHeight = height + padding + border + 水平滚动条，返回值为整数。

• offsetWidth = width + padding + border + 垂直滚动条，返回值为整数。

• offsetParent 指向最近的包含该元素的定位元素或 table,td,th,body 元素。

• offsetLeft = 相较于 offsetParent 的左侧距离。

• offsetTop = 相较于 offsetParent 的顶部距离。

• 边界指 border 边界，不包含 margin

方法

• getClientRects() 返回一个指向客户端中每一个盒子的边界矩形的矩形集合。
  • 包含 left、top、right、bottom 属性，表示距离可视窗口的距离。