您好,登錄后才能下訂單哦!
本篇內(nèi)容主要講解“小程序開發(fā)如何獲取節(jié)點(diǎn)的相關(guān)信息”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“小程序開發(fā)如何獲取節(jié)點(diǎn)的相關(guān)信息”吧!
獲取節(jié)點(diǎn)的相關(guān)信息,需要獲取的字段在fields
中指定。返回值是nodesRef對應(yīng)的selectorQuery??芍付ǐ@取的字段包括:
字段名 | 默認(rèn)值 | 說明 |
---|---|---|
id | 否 |
是否返回節(jié)點(diǎn)id |
dataset | 否 |
是否返回節(jié)點(diǎn)dataset |
rect | 否 |
是否返回節(jié)點(diǎn)布局位置(left right top bottom ) |
size | 否 |
是否返回節(jié)點(diǎn)尺寸(width height ) |
scrollOffset | 否 |
是否返回節(jié)點(diǎn)的 scrollLeft scrollTop ,節(jié)點(diǎn)必須是scroll-view 或者viewport |
properties | [] |
指定屬性名列表,返回節(jié)點(diǎn)對應(yīng)屬性名的當(dāng)前屬性值(只能獲得組件文檔中標(biāo)注的常規(guī)屬性值, id class style 和事件綁定的屬性值不可獲?。?/td> |
示例代碼:
Page({ getFields: function(){ wx.createSelectorQuery().select('#the-id').fields({ dataset: true, size: true, scrollOffset: true, properties: ['scrollX', 'scrollY'] }, function(res){ res.dataset // 節(jié)點(diǎn)的dataset res.width // 節(jié)點(diǎn)的寬度 res.height // 節(jié)點(diǎn)的高度 res.scrollLeft // 節(jié)點(diǎn)的水平滾動位置 res.scrollTop // 節(jié)點(diǎn)的豎直滾動位置 res.scrollX // 節(jié)點(diǎn) scroll-x 屬性的當(dāng)前值 res.scrollY // 節(jié)點(diǎn) scroll-x 屬性的當(dāng)前值}).exec() } })
到此,相信大家對“小程序開發(fā)如何獲取節(jié)點(diǎn)的相關(guān)信息”有了更深的了解,不妨來實(shí)際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。