DOM2 is non-standard, but it supports several excellent attribute summary.

1. offset


OffsetWidth: the space occupied by the element in the horizontal direction, including the border and the width of the scroll bar.
OffsetHeight: the space occupied by the element in the vertical direction, including the border and the height of the scroll bar.
OffsetLeft: returns the left offset of the element, that is, the pixel distance from the left outer border of the element to the left inner border of the element.
OffsetTop: returns the upper offset of an element, that is, the pixel distance from the upper and outer borders of an element to the upper and outer borders of an element.
OffsetParent: returns the latest dynamically located Index containing the element, that is, the ancestor element of the element.


2. Customer zone size

ClientWidth: the size of the space occupied by the element content (including the padding) in the horizontal direction, excluding the border and the width of the scroll bar.
ClientHeight: the space occupied by the element content (including the padding) in the vertical direction, excluding the border and the height of the scroll bar.


3. Scroll size

ScrollWidth: the actual width of the element content (including the padding), including the hidden content width.
ScrollHeight: the actual height of the element content (including the padding), including the hidden content height
ScrollLeft: the width of the hidden content on the left of the element.
ScrollTop: the height of the hidden content above the element.