Inorden路線HTML與JavaScript

Question

如何使元素的前序遍歷的HTML樹使用JavaScript

IMG SRC = http://www.sitepoint.com/hierarchical-data-database-2/（大條），假設boxs是一個html元素

例如：

function preorderHtml(element patern) 
{ 
//preorder tree traversal 

} 

Answer 1

function traversePreorder(el, indent) { 
    indent = (indent || '') 
    console.log(indent + el.nodeName); // Do something with the element here... 
    for (var i=0; i<el.children.length; i++) { 
    traversePreorder(el.children[i], indent + ' '); 
    } 
} 
traversePreorder(document.body); 

我可能會引入第二個參數，它是一個函數，在每個元素處被調用，以便這個方法可以被重用。

function traversePreorder(el, func, indent) { 
    indent = (indent || '') 
    func(el); 
    //... 
} 
traversePreorder(document.body, function(element) { 
    console.log(el.nodeName); // Do something here... 
});