js 递归查询节点

function findElementsByClassName(element, className) {
    // 基本情况：如果元素为空，返回空数组
    if (!element) {
        return [];
    }

    // 初始化结果数组
    let results = [];

    // 检查当前元素是否具有指定的类名
    if (element.classList && element.classList.contains(className)) {
        results.push(element);
    }

    // 递归步骤：对当前元素的所有子元素调用函数
    for (let i = 0; i < element.children.length; i++) {
        results = results.concat(findElementsByClassName(element.children[i], className));
    }

    // 返回结果数组
    return results;
}

// 使用示例
const allElements = document.body;
const classNameToFind = 'target-class';
const foundElements = findElementsByClassName(allElements, classNameToFind);

console.log(foundElements);

function findElementsByClassNameIterative(root, className) {
    let results = [];
    let stack = [root];

    while (stack.length > 0) {
        let element = stack.pop();

        if (element.classList && element.classList.contains(className)) {
            results.push(element);
        }

        for (let i = element.children.length - 1; i >= 0; i--) {
            stack.push(element.children[i]);
        }
    }

    return results;
}

// 使用示例
const foundElementsIterative = findElementsByClassNameIterative(document.body, classNameToFind);
console.log(foundElementsIterative);