码迷,mamicode.com
首页 > 其他好文 > 详细

论DOM中文档和元素的位置大小属性及其区别

时间:2019-10-13 20:47:06      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:page   中文   相对   包括   滚动   坐标   scroll   宽度   没有   

element.offsetLeft/Top  获取元素相对于最近的有定位的父元素的坐标,如果没有有定位的父元素,则是文档坐标

element.scrollTop/Left 获取元素滚动卷去的距离

element.offsetWidth/Height 获取元素的宽度高度(包含边框)

element.clientWidth/Height 获取元素的宽度高度(不包含边框)

element.scrollWidth/Height 获取元素的内容宽度高度(包括被卷曲的部分)

e.pageX/Y 获取鼠标的文档坐标(相对于文档而言)

e.clientX/Y 获取鼠标的视口坐标(相对于视口而言)

e.screenX/Y 获取鼠标的屏幕坐标(相对于整个浏览器而言)

window.pageY/XOfffset 获取页面的滚动距离

论DOM中文档和元素的位置大小属性及其区别

标签:page   中文   相对   包括   滚动   坐标   scroll   宽度   没有   

原文地址:https://www.cnblogs.com/BruceChenAndHisBatCave/p/11668057.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!