微信小程式如何獲取元素節點資訊?

2021-09-11 17:45:55 字數 1475 閱讀 9694

nodesref 用於獲取 wxml 節點資訊的物件

nodesref.boundingclientrect()

nodesref.scrolloffset()

let query = wx.createselectorquery()

複製**

selectorquery.select(string selector)

selectorquery.selectall()

selectorquery.selectviewport()

selectorquery.exec(function callback)

第一步、 建立selectorquery查詢物件

let query = wx.createselectorquery()

複製**

第二步、 獲取節點物件

let querystring = '.blue-product>>>.product-list'

let querynode = query.selectall(querystring)

複製**

第三步、呼叫節點物件方法
querynode.fields(, function(res) )

// 返回結果

[,width:247,

height:1065,

scrollleft:0,

scrolltop:0,

margin:"0px 0px 10px",

backgroundcolor:"rgba(0, 0, 0, 0)",

},,width:247,

height:1065,

scrollleft:0,

scrolltop:0,

margin:"0px 0px 10px",

backgroundcolor:"rgba(0, 0, 0, 0)",

},,width:247,

height:1065,

scrollleft:0,

scrolltop:0,

margin:"0px 0px 10px",

backgroundcolor:"rgba(0, 0, 0, 0)",

}]複製**

複製**
query.selectall(queryclass).boundingclientrect(function(rect))

複製**

wx.createselectorquery().selectviewport().scrolloffset(function(res))

複製**

第四步:可一返回所有的節點資訊
query.exec(function(res) )

複製**

微信小程式如何獲取元素節點資訊

nodesref 用於獲取 wxml 節點資訊的物件 nodesref.boundingclientrect nodesref.scrolloffset let query wx.createselectorquery 複製 selectorquery.select string selector ...

小程式如何獲取dom 元素節點

返回的 obj 有五個方法 1.obj.in component 沒用過這個方法,多用於元件的選擇器。2.obj.select selector 獲取指定的節點,selector是css選擇器。返回乙個nodesref物件例項,可以用於獲取節點資訊。3.obj.selectall selector ...

微信小程式 獲取使用者資訊

第一種獲取方案 1 首先呼叫wx.login 介面 讓使用者授權驗證,也就是我們肉眼觀察到的,你是否對 xx授權這種資訊。2 使用者成功授權後,呼叫wx.getuserinfo 介面獲取使用者資訊。完整 如下 wx login 第二種比較複雜了,需要與後台進行互動才能獲得userinfo,但是這種方...