微信小程序開發(fā)教程之獲取節(jié)點(diǎn)下的小節(jié)點(diǎn)

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

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

屬性名 描述

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

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

firstChild 返回當(dāng)前元素的第一個(gè)下級(jí)子元素

lastChild 返回當(dāng)前元素的最后一個(gè)子元素

nextSibling 返回緊跟在當(dāng)前元素后面的元素

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

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

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

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

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

屬性/方法 描述

document.createElement(tagName)

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

document.createTextNode(text)

文檔對(duì)象的createTextNode方法會(huì)創(chuàng)建一個(gè)包含靜態(tài)文本的節(jié)點(diǎn)

ele.appendChild(childNode)

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

ele.insertBefore(newNode, targetNode)

將節(jié)點(diǎn)newNode作為當(dāng)前元素的子節(jié)點(diǎn)插到targetNode元素前面

ele.removeAttribute(name)

這個(gè)方法從元素中刪除屬性name

ele.removeChild(childNode)

這個(gè)方法從元素中刪除子元素childNode

ele.replaceChild(newNode, oldNode)

這個(gè)方法將節(jié)點(diǎn)oldNode替換為節(jié)點(diǎn)newNode

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

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