DOM的TreeWalker物件簡介(4)
在此示例中,我指定TreeWalker的根節點開始遍歷ID為“contentarea”的容器。 物件的第二個引數指定TreeWalker應該只對容器內的元素節點(與文字節點,註釋節點等)進行爬網。 第三個引數設定為null,表示不應該進行額外的過濾(尚未!)。 第4個引數涉及是否應擴充套件實體引用,並將其設定為false。 有了所有引數,“walker”現在引用DIV中的所有元素(P,SPAN和B)以及DIV本身。
TreeWalker遍歷方法
使用document.createTreeWalker()建立過濾後的節點列表後,您可以使用TreeWalker的遍歷方法處理這些過濾的節點:
方法 | 描述 |
---|---|
第一個孩子() | 前往並返回當前節點的第一個子節點。 |
最後一個孩子() | 前往並返回當前節點的最後一個子節點。 |
nextNode() | 前往並返回過濾後的節點集合中的下一個節點。 |
nextSibling() | 前往並返回當前節點的下一個兄弟節點。 |
parentNode() | 前往並返回當前節點的父節點。 |
previousNode() | 前往並返回當前節點的上一個節點。 |
previousSibling() | 前往並返回當前節點的上一個兄弟節點。 |
屬性 | 描述 |
---|---|
currentNode | 返回TreeWalker的當前位置/節點。 讀/寫 ,允許您將TreeWalker的當前位置顯式設定為返回的節點內的特定節點。 |
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69933200/viewspace-2652340/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- DOM的TreeWalker物件簡介物件
- DOM的TreeWalker物件簡介(3)物件
- jQuery物件轉換為dom物件簡單介紹jQuery物件
- dom物件和jQuery物件相互轉換簡單介紹物件jQuery
- Dom4j 讀寫XML簡介XML
- 4Intent物件簡介Intent物件
- DOM事件簡介事件
- JavaScript物件簡介JavaScript物件
- 原生js的常用dom元素操簡單介紹JS
- JavaScript複製dom元素簡單介紹JavaScript
- Java Class物件簡介Java物件
- jQuery物件和DOM物件jQuery物件
- Js DOM物件JS物件
- JavaScript DOM物件JavaScript物件
- js dom元素事件處理簡單介紹JS事件
- 原生javascript獲取dom元素簡單介紹JavaScript
- javascript DOM元素節點操作簡單介紹JavaScript
- javascript物件簡單介紹JavaScript物件
- jquery物件和DOM物件的互相轉換jQuery物件
- DOM物件與jquery物件的相互轉換物件jQuery
- jQuery物件與Dom物件的相互轉換jQuery物件
- JavaScript DOM文件物件JavaScript物件
- HTML DOM Event 物件HTML物件
- JavaScript HTML DOM 物件JavaScriptHTML物件
- html DOM樹物件HTML物件
- jquery物件如何轉化成DOM物件jQuery物件
- 區別 Jquery物件和Dom物件jQuery物件
- 【JQuery】DOM物件和JQuery物件的互相轉換jQuery物件
- JSON物件簡單介紹JSON物件
- javascript建立物件簡單介紹JavaScript物件
- JavaScript ----- 操作DOM物件的屬性JavaScript物件
- Neo4j簡介
- JavaScript HTML DOM Canvas 物件JavaScriptHTMLCanvas物件
- JavaScript 之 DOM [ Document物件 ]JavaScript物件
- HTML DOM FileUpload 物件HTML物件
- javaScript事件,Bom,Dom物件JavaScript事件物件
- 再和“物件導向”談戀愛 - 物件簡介物件
- jQuery物件與DOM物件之轉換jQuery物件