[JavaScript] 第1426天 DOM获取坐标的属性有哪些?

60 阅读1分钟
  1. offsetLeft / offsetTop:获取当前元素与其 offsetParent 元素左 / 上边框之间的距离,逐级累加。如果没有 offsetParent,则距离为相对于文档左 / 上边缘的距离。
  2. offsetWidth / offsetHeight:获取当前元素的宽度 / 高度,包括边框、内边距和滚动条,但不包括外边距。
  3. clientLeft / clientTop:获取当前元素左 / 上边框宽度。
  4. clientWidth / clientHeight:获取当前元素的内容区域宽度 / 高度,不包括边框、内边距和滚动条。
  5. scrollLeft / scrollTop:获取当前元素的水平 / 垂直滚动距离,可以设置此属性来实现滚动效果。
  6. getBoundingClientRect():返回一个DOMRect对象,包含当前元素相对于视口的位置信息,包括 lefttoprightbottomwidthheight属性。

在使用这些属性时,需要注意它们的值可能受到CSS样式、盒模型、滚动条等因素的影响。

更多题目

github.com/haizlin/fe-…