nodesRef.fields(fields,[callback])

解释: 获取节点的相关信息,需要获取的字段在 fields 中指定。返回值是 nodesRef 对应的 selectorQuery 。可指定获取的字段包括:

字段名默认值说明
id是否返回节点 id
dataset是否返回节点 dataset
rect是否返回节点布局位置(left right top bottom)
size是否返回节点尺寸(width height)
scrollOffset是否返回节点的 scrollLeft scrollTop ,节点必须是 scroll-view 或者 viewport
properties[]指定属性名列表,返回节点对应属性名的当前属性值(只能获得组件文档中标注的常规属性值, id class style 和事件绑定的属性值不可获取)
computedStyle[]指定样式名列表,返回节点对应样式名的当前值

示例:

  1. Page({
    getFields: function(){
    swan.createSelectorQuery().select('#the-id').fields({
    dataset: true,
    size: true,
    scrollOffset: true,
    properties: ['scrollX', 'scrollY'],
    computedStyle: ['margin', 'backgroundColor']
    }, function(res){
    res.dataset // 节点的dataset
    res.width // 节点的宽度
    res.height // 节点的高度
    res.scrollLeft // 节点的水平滚动位置
    res.scrollTop // 节点的竖直滚动位置
    res.scrollX // 节点 scroll-x 属性的当前值
    res.scrollY // 节点 scroll-y 属性的当前值
    // 此处返回指定要返回的样式名
    res.margin
    res.backgroundColor
    }).exec()
    }
    });