读取网页中涉及到的高度

2024年4月9日 125次阅读 来源: redman9

现在已总结的有

offsetHeight
offsetTop
clientHeight
clientTop
scrollHeight
scrollTop
innerHeight
outerHeight

未来预备看的有

有关掌握转动的

Element.offsetHeight

该属性是一个只读属性，返回一个代表像素高度的整数值，高度包括元素高度、内边距和边框。

  • 假如该元素底部有程度转动条的话，转动条的高度也是被盘算在内的（转动条高度是从元素高度中减除的）

  • 疏忽任何应用在该元素或其先人元素的transform属性带来的变化

Element.clientHeight

该属性是一个只读属性，返回一个代表像素高度的整数值，高度包括元素高度、内边距。

  • 假如该元素底部有程度转动条的话，转动条的高度是不被盘算在内的

  • 假如挪用元素为inline元素，返回0

Element.scrollHeight

该属性是一个只读属性，返回该元素现实的上内边距、下内边距和内容高度之和

window.innerHeight

该属性为只读属性，返回浏览器窗口视口高度，假如存在程度转动条，也包括在内

window.outerHeight

该属性为只读属性，返回全部浏览器的高度

Element.offsetTop

该属性是一个只读属性，返回返回当前元素相对于其 offsetParent 元素内边距顶部的间隔

  • 假如其offsetParent元素为null，则为到根元素外边框顶部的间隔

  • 假如将offsetParent元素为body，则为到body元素外边框顶部的间隔

以下是和offsetTop属性密切相关的offsetParent属性：

Element.offsetParent

该属性是一个只读属性，返回近来的一个包括挪用元素的已定位元素(即position属性不为static)，假如没有定位元素，则为根元素或许table、th及td元素。

  • 假如挪用元素为html、body，返回null

  • 假如挪用元素的position属性为fixed，返回null（webkit内核浏览器、IE7+）

  • 假如挪用元素的display属性none，返回null（webkit内核浏览器、Firefox）

Element.clientTop

该属性是一个只读属性，通常情况下会返回border-top-width，然则假如有转动条涌现在上边框顶部和上内边距顶部之间，也应当加上转动条的高度

Element.scrollHeight

该属性是一个可读/写的属性，读形式下返回元素现在距本身容器顶部（包括padding）的间隔

    原文作者：redman9
    原文地址: https://segmentfault.com/a/1190000004238676
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞