微信小程序開發(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)
previousSibling 返回緊鄰當(dāng)前元素之前的元素
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è)好東西。
第二部分:如何開通一個(gè)小商店