• JS API 列表
  • 基础
  • TTML
  • tt.createSelectorQuery
  • tt.createIntersectionObserver
  • SelectorQuery
  • NodesRef
  • NodesRef
  • NodesRef.boundingClientRect
  • NodesRef.scrollOffset
  • NodesRef.fields
  • NodesRef.node
  • IntersectionObserver
  • 网络
  • 媒体
  • 地图
  • 文件
  • 数据缓存
  • 地理位置
  • 设备
  • 画布
  • 界面
  • 页面导航
  • 开放接口
  • 行业开放
  • 第三方平台
  • 其它
  • NodesRef.boundingClientRect
    收藏
    我的收藏

    基础库 1.7.0 开始支持本方法,这是一个同步方法。
    本方法只是添加查询请求,还需调用 SelectQuery.exec 方法来执行查询。
    添加节点的布局位置的查询请求。查询结果相对于显示区域,以像素为单位。
    其功能类似于浏览器中的 getBoundingClientRect 方法。返回 NodesRef 对象对应的 SelectorQuery 对象。
    如果提供了 callback 回调函数,在执行 SelectQuery.exec 方法后,节点信息会在 callback 中返回。

    语法

    nodesRef.boundingClientRect(callback)

    参数说明

    callback

    类型
    默认值
    必填
    说明
    最低支持版本
    function
    回调函数
    1.7.0

    回调函数参数说明

    object 类型,属性如下:
    属性名
    类型
    说明
    最低支持版本
    id
    string
    节点的 ID
    1.7.0
    dataset
    object
    节点的 dataset
    1.7.0
    left
    number
    节点的左边界坐标
    1.7.0
    right
    number
    节点的右边界坐标
    1.7.0
    top
    number
    节点的上边界坐标
    1.7.0
    bottom
    number
    节点的下边界坐标
    1.7.0
    width
    number
    节点的宽度
    1.7.0
    height
    number
    节点的高度
    1.7.0

    返回值

    扫码体验

    代码示例

    Bug & Tip