写一个遍历整个dom树的函数

需求:写一个遍历整个dom树的函数

思考:我们的办法的先找出这个元素的所有子代,再让子代找子代,直到找到么有子代为止…
,如果写一个函数就是用来求一个元素的子代的. 那这个元素的子代再求子代的时候是不是也要调用这个函数啊? 这不就是函数内部调用了函数本身,这不就是递归嘛.所以,我们采用递归思想解决这个问题.
1.声明一个空数组,用来存储元素.

var list=[];//用来后面储存获取的元素

2.创建函数:

function getHDeles(ele){//ele是形参,代表需要求打印哪个dom树
var children= ele.children;//获取ele下的子元素
for(var i=0;i<children.length;i++){//遍历children
var child=children[i]//children每一个子代存起来
list.push(child)//每一个子代存入数组当中
getHDeles(child);//子代也要求子代,继续调用这个函数
}
}

3.测试

getHDeles(document);
console.log ( list )//会打印document下的所有dom树:html,head,meta,body.....