javascript轻松寻找所有子节点

我们在做web前段开发的时候，经常会用到

document.getElementById

function getID(id) {

    if (document.getElementById) {

        return document.getElementById(id);
    }
    else {

        return document.all[id];
    }
}

好了，我们该说说正题了。当你获取到一个节点，

function SelectElement(id){

    var element=getID(id);
    //doing something
}

接着你又想获取他的子节点或子子节点的时候，你会怎么做？反正我会怎么做

function selectChild(element, key, value) {      //（非递归算法）

    /// <summary>
    ///广度优先寻找所有的子节点属性key=value的元素节点和属性节点( 非递归算法)
    ///</summary>
    /// <param name="element" type="object">需要查找的祖先节点</param>
    /// <param name="key">属性，以string类型为参数</param>
    /// <param name="value">值，以string类型为参数</param>

    if (eval("element." + key) == value) {   //将string转换为object

        return element;
    }
    key = "bottom.childNodes[i]." + key;

    var bottom, nodes = [];  //nodes存放element的子节点的指针堆栈
    nodes.push(element);

    do {
        bottom = nodes.pop();

        for (var i in bottom.childNodes) {

            if (eval(key) == value) {

                return bottom.childNodes[i];
            }
            if (bottom.childNodes[i].childNodes) {

                nodes.push(bottom.childNodes[i]);
            }
        }
    } while (nodes.length > 0);

    return null;
}

这样用：selectChild(element,"type","button");寻找element节点下的所有type=button的节点，有兴趣的可以自己扩展

本文出自 “11111” 博客，谢绝转载！