scrollHeight、scrollWidth、offsetTop、offsetLeft、clientHeight、clientWidth

scrollHeight、scrollWidth、offsetTop、offsetLeft、clientHeight、clientWidth

offsetTop和offsetLeft

表示该元素的左上角与父容器(offsetParent对象)左上角的距离。
由于在表格和iframe中,offsetParent对象未必等于父容器,所以上面的函数对于表格和iframe中的元素不适用。

scrollHeight和scrollWidth

指包含滚动条在内的该元素的视觉面积。
那么,document对象的scrollHeight和scrollWidth属性就是网页的大小,意思就是滚动条滚过的所有长度和宽度。

clientHeight和clientWidth

这两个属性指元素的内容部分再加上padding的所占据的视觉面积,不包括border和滚动条占用的空间

文章作者: 韦宗圻
文章链接: https://www.weizongqi.com/2015/01/29/scrollHeight、scrollWidth、offsetTop、offsetLeft、clientHeight、clientWidth-1/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 wiki
支付宝打赏
微信打赏