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

Posted brucechenandhisbatcave

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了论DOM中文档和元素的位置大小属性及其区别相关的知识,希望对你有一定的参考价值。

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中文档和元素的位置大小属性及其区别的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript获取DOM元素位置和尺寸大小

JavaScript获取DOM元素位置和尺寸大小

Web APIs DOM- 网页特效篇-元素大小和位置

窗口属性 和DOM 元素尺寸位置 及习题加强

24-[jQuery]-属性,文档,位置,筛选

JavsScript中DOM的基本操作