微信小程式開發教程之獲取節點下的小節點

2021-09-09 07:18:23 字數 1130 閱讀 4305

已經是當下最熱門的話題,下面將從多方面來談談獲取節點下的小節點相關的內容。

上一節我們講到通過get的方式來獲取不同的節點,那麼節點之下是什麼呢,其實還是節點,那麼我們如何獲取節點下的小節點呢?

屬性名 描述

haschildnodes() 返回乙個布林值,指示元素是否有子元素

childnodes 返回當前元素所有子元素的陣列

firstchild 返回當前元素的第乙個下級子元素

lastchild 返回當前元素的最後乙個子元素

nextsibling 返回緊跟在當前元素後面的元素

nodevalue 指定表示元素值的讀/寫屬性

parentnode 返回元素的父節點

previoussibling 返回緊鄰當前元素之前的元素

nodename string 節點的名字;根據節點的型別而定義

nodevalue string 節點的值;根據節點的型別而定義

nodetype number 節點的型別常量值之一

屬性/方法 描述

document.createelement(tagname)

文件物件上的createelement方法可以建立由tagname指定的元素。如果以串div作為方法引數,就會生成乙個div元素

document.createtextnode(text)

文件物件的createtextnode方法會建立乙個包含靜態文字的節點

ele.insertbefore(newnode, targetnode)

將節點newnode作為當前元素的子節點插到targetnode元素前面

ele.removeattribute(name)

這個方法從元素中刪除屬性name

ele.removechild(childnode)

這個方法從元素中刪除子元素childnode

ele.replacechild(newnode, oldnode)

這個方法將節點oldnode替換為節點newnode

注意:雖然createelement與createnode的方式都可以建立節點,但前者是元素,可以說前者的作用範圍遠大於後者.

其實大家有關dom的內容看看就好,畢竟好多框架都開始遮蔽dom了,不過個人建議,dom是個好東西。

微信小程式 教程之條件渲染

系列文章 微信小程式 教程之wxss 微信小程式 教程之引用 微信小程式 教程之事件 微信小程式 教程之模板 微信小程式 教程之列表渲染 微信小程式 教程之條件渲染 微信小程式 教程之資料繫結 微信小程式 教程之wxml wx if 在mina中,我們用wx if 來判斷是否需要渲染該 塊 true...

微信小程式 教程之資料繫結

系列文章 微信小程式 教程之wxss 微信小程式 教程之引用 微信小程式 教程之事件 微信小程式 教程之模板 微信小程式 教程之列表渲染 微信小程式 教程之條件渲染 微信小程式 教程之資料繫結 微信小程式 教程之wxml 資料繫結 wxml中的動態資料均來自對應page的data。簡單繫結 資料繫結...

微信小程式專案開發教程

1.目錄結構 test page index index.js index.json index.wxml index.wxss onlaunch function onshow function onhide function globaldata debug true page containe...