100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > js 获取dom的高度和宽度 可滚动宽高距离 当前滚动位置

js 获取dom的高度和宽度 可滚动宽高距离 当前滚动位置

时间:2019-10-11 22:28:37

相关推荐

js 获取dom的高度和宽度 可滚动宽高距离 当前滚动位置

dom节点属性:

clientWidth(不推荐):dom节点可视区域的宽度。(可滚动距离不算在内哈。)

clientHeight(不推荐):dom节点可视区域的高度。(可滚动距离不算在内哈。)

offsetWidth:dom节点可视区域的宽度,包含边框、内边距。(可滚动距离不算在内哈。)

offsetHeight:dom节点可视区域的宽度,包含边框、内边距。(可滚动距离不算在内哈。)

scrollWidth:dom节点的内容可滚动距离,横向滚动距离。(注意:overflow:hidden时也能获取它完全展示时的可滚动距离)

scrollHeight:dom节点的内容可滚动距离,纵向滚动距离。(注意:overflow:hidden时也能获取它完全展示时的可滚动距离)

scrollLeft:dom节点的滚动条位置。(此属性可以直接修改)

scrollTop:dom节点的滚动条位置。(此属性可以直接修改)

以上所有属性只要获取到原生dom节点,都可以直接访问这些属性。如:

document.querySelector('.tagBox0').offsetWidth

注意:clientWidth和clientHeight属性,相对于offsetWidth和offsetHeight应用的情况相对于少一些,一般推荐先使用offsetWidth和offsetHeight,除非需求无法实现。

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