<!-- NodeIterator -->
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>aaa</title> </head> <body> <div id="app" class="a"> <p class="b"><b class="c">hello</b>hello</p> <ul class="d"> <li class="e">1</li> <li class="f">2</li> <li class="g">3</li> <li class="h">4</li> </ul> </div> </body> </html>
let app = document.getElementById('app'); let app2 = document.createNodeIterator(app, NodeFilter.SHOW_ELEMENT, null, false);//顯示元素節點(參數許多，可以改變) let node = app2.nextNode(); while (node != null) { alert(node.className); node = app2.nextNode(); }
2、TreeWalker ( 和上面方法大致相似 )
可以在不同方向上遍歷DOM結構
parentNode(); ==遍歷到節點的父節點
fristChild(); ==遍歷到節點的第一個子節點
lastChild(); ==遍歷到當前節點的最后一個節點
nextSibling(); ==遍歷到當前節點的同輩節點
previousSibling(); ==遍歷到當前節點的上一個同輩節點