溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“小程序開發如何獲取節點的相關信息”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“小程序開發如何獲取節點的相關信息”吧!
獲取節點的相關信息，需要獲取的字段在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 和事件綁定的屬性值不可獲取） |
示例代碼：
Page({
getFields: function(){
wx.createSelectorQuery().select('#the-id').fields({
dataset: true,
size: true,
scrollOffset: true,
properties: ['scrollX', 'scrollY']
}, function(res){
res.dataset // 節點的dataset res.width // 節點的寬度 res.height // 節點的高度 res.scrollLeft // 節點的水平滾動位置 res.scrollTop // 節點的豎直滾動位置 res.scrollX // 節點 scroll-x 屬性的當前值 res.scrollY // 節點 scroll-x 屬性的當前值}).exec()
}
})到此，相信大家對“小程序開發如何獲取節點的相關信息”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
