1.偏移量
有四个属性可以获取元素的宽高和偏移量:
1.offsetWidth:元素宽 (边框+内边距+宽)
2.offsetHeight:元素高(边框+内边距+高)
3.offsetTop:相对于父级元素到顶部的距离
4.offsetLeft:相对于父级元素到左边的距离
如图:
2.客户区大小
1.clientWidth:内边距+宽
2.clientHeight:内边距+高
如图:
3.滚动区域大小和偏移量
1.
scrollHeight
:在没有滚动条的情况下,元素内容的总高度,在有滚动条下,为元素总高度-滚动条高度。
2.
scrollWidth
:在没有滚动条的情况下,元素内容的总宽度,在有滚动条下,为元素总宽度-滚动条宽度。
3.
scrollLeft
:被隐藏在内容区域左侧的像素数。通过设置这个属性可以改变元素的滚动位置。
4.
scrollTop
:被隐藏在内容区域上方的像素数。通过设置这个属性可以改变元素的滚动位置。
如图: