微信小程序開發(fā)教程已經(jīng)是當下最熱門的話題，下面將從多方面來談談獲取節(jié)點下的小節(jié)點相關(guān)的內(nèi)容。

上一節(jié)我們講到通過get的方式來獲取不同的節(jié)點，那么節(jié)點之下是什么呢，其實還是節(jié)點，那么我們?nèi)绾潍@取節(jié)點下的小節(jié)點呢?

屬性名 描述

hasChildNodes() 返回一個布爾值，指示元素是否有子元素

childNodes 返回當前元素所有子元素的數(shù)組

firstChild 返回當前元素的第一個下級子元素

lastChild 返回當前元素的最后一個子元素

nextSibling 返回緊跟在當前元素后面的元素

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

parentNode 返回元素的父節(jié)點

nodeName String 節(jié)點的名字;根據(jù)節(jié)點的類型而定義

nodeValue String 節(jié)點的值;根據(jù)節(jié)點的類型而定義

nodeType Number 節(jié)點的類型常量值之一

屬性/方法 描述

document.createElement(tagName)

文檔對象上的createElement方法可以創(chuàng)建由tagName指定的元素。如果以串div作為方法參數(shù)，就會生成一個div元素

document.createTextNode(text)

文檔對象的createTextNode方法會創(chuàng)建一個包含靜態(tài)文本的節(jié)點

ele.appendChild(childNode)

appendChild方法將指定的節(jié)點增加到當前元素的子節(jié)點列表(作為一個新的子節(jié)點)。例如，可以增加一個option元素，作為select元素的子節(jié)點

ele.insertBefore(newNode, targetNode)

將節(jié)點newNode作為當前元素的子節(jié)點插到targetNode元素前面

ele.removeAttribute(name)

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

ele.removeChild(childNode)

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

ele.replaceChild(newNode, oldNode)

這個方法將節(jié)點oldNode替換為節(jié)點newNode

注意：雖然createElement與createNode的方式都可以創(chuàng)建節(jié)點，但前者是元素，可以說前者的作用范圍遠大于后者.

其實大家有關(guān)dom的內(nèi)容看看就好，畢竟好多框架都開始屏蔽dom了，不過個人建議，dom是個好東西。