clientXxx与offsetXxx与scrollXxx区别

1.clientXxx与offsetXxx与scrollXxx

1.clientXxx:

clientWidth = width+padding(left+right)

clientHeight = height+padding(top+bottom)

clientTop = border.top

clientLeft = border.left

2.offsetXxx

offsetWidth = width+padding(left+right)+border(left+right)

offsetHeight = height+padding(left+right)+border(left+right)

offsetTop = 当前元素上边框外边缘到最近有定位的元素上边框(如果没有已经定位的父级元素；body顶部)

offsetLeft = 当前元素左边框外边缘到最近有定位的元素左边框(如果没有已经定位的父级元素；body左部)

3.scrollXxx

scrollWidth = 指定标签内容层真实宽度，包括可视区和被隐藏区域的宽度；

scrollHeight = 指定标签内容层真实高度，包括可视区和被隐藏区域的高度

scrollTop = 内容层顶部到可视区顶部的距离

scrollLeft = 内容层左部到可视区左端的距离