javascript中获取dom元素的高度和宽度

javascript中各种获取dom元素高度和宽度的方法

本文提供了常用的JavaScript中获取宽高的几个方法

网页可见区域宽:

document.body.clientWidth

网页可见区域高:

document.body.clientHeight

网页可见区域宽: (包括边线的宽)

document.body.offsetWidth

网页可见区域高: (包括边线的高)

document.body.offsetHeight

网页正文全文宽:

document.body.scrollWidth

网页正文全文高:

document.body.scrollHeight

网页被卷去的高:

document.body.scrollTop

网页被卷去的左:

document.body.scrollLeft

元素的实际高度:

document.getElementById("div").offsetHeight

元素的实际宽度:

document.getElementById("div").offsetWidth

元素的实际距离左边界的距离:

document.getElementById("div").offsetLeft

元素的实际距离上边界的距离:

document.getElementById("div").offsetTop
javascript实现效果图

如有错误请指正

类似文章

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注