javascript - JavaScript を使用したルート html のルート化

Question

javascript を使用して html ツリー内の要素を事前にトラバーサルする方法

Img src = http://www.sitepoint.com/hierarchical-data-database-2/ (素晴らしい記事) 、ボックスが 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);

おそらく、このメソッドを再利用できるように、各要素で呼び出される関数である 2 番目の引数を導入します。

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