我们在网页上通常要获取到元素的尺寸,可以从样式入手,用getComputedStyle获取。但是因为带的有单位,并且获取时不方便。所以我们可以使用其他操作
常见尺寸获取
clientWidth / clientHeight
元素padding + width / padding + height
clientLeft / clientTop
元素本身边框大小
offsetWidth / offsetHeight
获取元素的border + padding + width / border + padding + height
能够最精确的获取到元素所占的空间
offsetLeft / offsetTop
元素距离其offsetParent的边框内部的距离
scrollWidth / scrollHeight
整体内容高度包含padding值,不包含border,内容溢出才会有所改变,不溢出,则和clientWidth / clientHeight一样。前者不常用。
scrollLeft / scrollTop
滚动距离
offsetParent
绝对定位元素的祖先元素中,最近哪个元素有定位属性,这个元素就是它的offsetParent
csdn文章推荐受影响解决办法10个字10行
csdn文章推荐受影响解决办法10个字10行
csdn文章推荐受影响解决办法10个字10行
csdn文章推荐受影响解决办法10个字10行
csdn文章推荐受影响解决办法10个字10行
csdn文章推荐受影响解决办法10个字10行
csdn文章推荐受影响解决办法10个字10行
csdn文章推荐受影响解决办法10个字10行
csdn文章推荐受影响解决办法10个字10行
csdn文章推荐受影响解决办法10个字10行