DOM의 순차적 탐색을 수행하는 방법은 무엇입니까?

Question

나는이 터무니없이 기술 문서 발견

http://www.w3.org/TR/DOM-Level-2-Traversal-Range/traversal.html#Traversal-Document

을하지만 실제 자바 스크립트 코드를 작성에 관한 방법을 보지 않았다.

eachChild() 및 .children과 같은 기본 DOM 메서드와 속성을 사용하여 트래버스를 수행 할 수 있다고 추측 하겠지만 최상의 전략은 무엇인지 모르겠습니다.

Answer 1

일단 루트 노드를 얻으면 firstChild과 nextSibling 만 있으면됩니다. 이 책의 더글러스 크록 포드 (Douglas Crockford)의 기능입니다. JavaScript - The Good Parts, p. 35 :

var walk_the_DOM = function walk(node, func) { 
    func(node); 
    node = node.firstChild; 
    while(node) { 
     walk(node, func); 
     node = node.nextSibling; 
    } 
} 

주어진 노드에서 DOM을 탐색하고 발견 된 각 노드에서 콜백을 실행합니다. 예를 들면 다음과 같습니다

walk_the_DOM(document.body, function(node) { 
    console.log(node); 
}); 

Answer 2

는 document.createNodeIterator를 사용하여이 작업을 수행하는 하나의 방법이다 : 첫번째 순서에 해당 예약 주문 탐색, 깊이 '와 무지 기술은 무엇

var nodeIterator = document.createNodeIterator(document.body); 
var currentNode; 
while (currentNode = nodeIterator.nextNode()) { 
    console.log(currentNode); 
}