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

2021-09-25 09:41:49 字數 1161 閱讀 2026

返回的 obj 有五個方法:

1.obj.in(component):沒用過這個方法,多用於元件的選擇器。

2.obj.select(selector):獲取指定的節點,selector是css選擇器。返回乙個nodesref物件例項,可以用於獲取節點資訊。

3.  obj.selectall(selector):獲取指定的節點,selector是css選擇器。返回乙個nodesref物件例項,可以用於獲取節點資訊。

上面這兩個我感覺就是 js 中queryselector和queryselectorall的區別。

4. obj.selectviewport():我沒用過這個方法。官方說是選擇顯示區域,可用於獲取顯示區域的尺寸、滾動位置等資訊。也是返回乙個nodesref物件例項,可以用於獲取節點資訊。

5. exec( function(res){} ):執行所有的請求,請求結果按請求次序構成陣列,在callback的第乙個引數中返回

上面返回的nodesref物件例項就很重要了,它有三個方法:

1. boundingclientrect( function(rect){} ):就是這個方法,能夠動態獲取view元素的高度、寬度等屬性。還有其它的請看官方文件

2. scrolloffset( function(res) {}):獲取節點的水平、垂直滾動的位置等。節點必須是scroll-view或者viewport

3. fields(fields,function() ):這個可以獲取指定元素的自定義屬性和class名,具體的請看官方文件的說明。

使用:

wx.createselectorquery().selectall('.npl-intro').boundingclientrect(function (rect) ).exec()

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

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

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

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

獲取id元素 DOM元素節點獲取方法

1dom dom全稱是document object model,也叫文件物件模型,這裡document是指從開始到結束的這一部分,window視窗下載入網頁的部分就是dom。dom節點型別分為元素節點,屬性節點和文字節點。如 div文字 元素節點就是 2dom元素節點獲取方法2.1document...