js - 递归

获取所有子代元素

<script>

    //jQuery提供了find方法用来获取元素的所有子节点

    //DOM 没有提供直接获取所有后代元素的API
    
    //DOM 提供了获取子代元素的属性 childNodes   children

    //方法思路：
    //获取一个节点的所有后代节点
    //可以先获取他所有的子节点
    //再一次获取所有子节点的子节点
    //以此类推，就获取到了所有的后代节点

    function getChildNodes(node){
        var nodes = node.childNodes;
        var arr = [];
        for (var i = 0; i < nodes.length; i++) {
            var childNode = nodes[i];
            if(childNode.nodeType == 1){
                arr.push(childNode);
                var temp = getChildNodes(childNode);//递归调用getChildNodes方法，查看当前子节点下是否还有子节点
                arr = arr.concat(temp);//将递归获取的子节点数组与之前的数组拼接成一个数组
            }
         }
         return arr;
     }
</script>