DOM节点位置及尺寸相关

BDJS DOM对象的以下几个接口实现了与DOM节点位置及尺寸相关的读取和设置功能:

函数名接口说明
position获取当前节点的绝对位置,返回类似{“left” : 10, “top” : 10}的对象
getAbsoluteLeft返回当前节点与页面左端的绝对距离,以象素为单位
getAbsoluteTop返回当前节点与页面顶端的绝对距离,以象素为单位
offsetWidth获取节点的offsetWidth值,相当于节点的width加上padding和border,同getOffsetWidth接口
offsetHeight获取节点的offsetHeight值,相当于节点的height加上padding和border,同getOffsetHeight 接口
offsetLeft获取节点的offsetLeft值
offsetTop获取节点的offsetTop值
clientWidth获取节点的clientWidth值,返回的结果等于getOffsetWidth减去垂直滚动条的宽度,同getClientWidth 接口
clientHeight获取节点的clientHeight值,返回的结果等于getOffsetHeight减去水平滚动条的宽度,同getClientHeight 接口
scrollWidth返回元素内容的整体宽度,以象素为单位。如果元素有滚动条,则这一宽度值包含元素的不可见部分,同getScrollWidth 接口
scrollHeight返回元素内容的整体高度,以象素为单位。如果元素有滚动条,则这一宽度值包含元素的不可见部分,同getScrollHeight 接口
scrollLeft读取或设置元素节点的水平滚动条的位置。可用于在元素可见区域的坐标和元素整体坐标之间进行横坐标换算,同getScrollLeft 和setScrollLeft接口
scrollTop读取或设置元素节点的垂直滚动条的位置。可用于在元素可见区域的坐标和元素整体坐标之间进行纵坐标换算,getScrollTop和setScrollTop接口
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值