DOM的TreeWalker物件簡介(4)

cenfeng發表於2019-07-31

在此示例中,我指定TreeWalker的根節點開始遍歷ID為“contentarea”的容器。 物件的第二個引數指定TreeWalker應該只對容器內的元素節點(與文字節點,註釋節點等)進行爬網。 第三個引數設定為null,表示不應該進行額外的過濾(尚未!)。 第4個引數涉及是否應擴充套件實體引用,並將其設定為false。 有了所有引數,“walker”現在引用DIV中的所有元素(P,SPAN和B)以及DIV本身。

DOM的TreeWalker物件簡介(4)  TreeWalker遍歷方法

使用document.createTreeWalker()建立過濾後的節點列表後,您可以使用TreeWalker的遍歷方法處理這些過濾的節點:

TreeWalker遍歷方法
方法 描述
第一個孩子() 前往並返回當前節點的第一個子節點。
最後一個孩子() 前往並返回當前節點的最後一個子節點。
nextNode() 前往並返回過濾後的節點集合中的下一個節點。
nextSibling() 前往並返回當前節點的下一個兄弟節點。
parentNode() 前往並返回當前節點的父節點。
previousNode() 前往並返回當前節點的上一個節點。
previousSibling() 前往並返回當前節點的上一個兄弟節點。

TreeWalker遍歷屬性
屬性 描述
currentNode 返回TreeWalker的當前位置/節點。  讀/寫 ,允許您將TreeWalker的當前位置顯式設定為返回的節點內的特定節點。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69933200/viewspace-2652340/,如需轉載,請註明出處,否則將追究法律責任。

相關文章