javascript - 带有javascript的Inorden路由html

Question

如何使用 javascript 对 html 树中的元素进行预排序遍历

img src = http://www.sitepoint.com/hierarchical-data-database-2/ (Great Article) , 假设 box 是一个 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...
});