javascript - 遍历 getElementsByClassName 返回的元素

Question

我正在使用 getElementsByClassName 查找类名的所有元素，如下所示:

var elements = document.getElementsByClassName('myclass');

我想遍历所有元素，包括 child 的 child ，所有元素。

我现在正在做的是:

for(var i=0; i< elements.length; i++) elements[i].children[0];

但这并不好，因为它不会遍历包括子元素在内的所有元素。而且我不知道父子树。

如何遍历父元素的所有元素，包括子元素的子元素。

Answer 1

通用方式:

var recursive = function (element) {
// some stuff with element
console.log(element);
// check if children
var children = element.children;
if (children) {
    for(var i=0; i< children.length; i++) { 
        // apply recursion on each child
        recursive(children[i]);
    }
}
}

var elements = document.getElementsByClassName('postcell');

for(var i=0; i< elements.length; i++) { 
 recursive(elements[i]);
}