javascript - 如何对 DOM 进行中序遍历？

Question

<分区>

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);
});