1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > js获取dom元素宽高

js获取dom元素宽高

时间:2021-08-04 00:14:00

相关推荐

js获取dom元素宽高

一,前言

1.对于css盒子模型,我们使用widthheight等来定义dom元素的宽高,而有时我们需要js中获取元素的宽高进行一些操作

2.dom操作提供了相应的属性来实现这一点

二,clientWidthclientHeight

1.clientWidthclientHeight用于获取元素的视口宽高,不包含bordermargin,还要滚动条。

三,offsetWidthoffsetHeight

1.元素的实际宽高,包含滚动条和border,不包含margin

四,scrollHeightscrollWidth

1.当一个元素出现滚动时,这个元素的clientWidthclientHeight表示了元素的视口宽高,而scrollHeightscrollWidth用于表示该元素的滚动的实际宽高。

2,如图红色元素的scrollHeight的值是黑色线段的长度。

3.也可以看出此时蓝色元素的offsetHeight= 红色元素的scrollHeight

五,scrollTop

1.出现滚动条的元素,滚动距离上边界的距离。

2.如下图,红色的元素的scrollTop等于绿色线段的长度。

3.scrollTop是可以修改的,修改时蓝色元素移动到相应位置

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。