终于搞清楚Dom节点的获取与子节点的关系

自学不容易，没人带，遇到挡路石会很蛋疼，只有不停地寻找相关视频跟看别人的代码，看别人的代码有时候还不理解，又得回去翻知识点，好了，废话不多说。直接进入正题，新手可以看看。
document.getElementsByTagName("Name")获取到的是一组类似于数组的集合(原谅我这么理解，毕竟学得东西少，只有这个东西做对比)，它是一组集合!它是一组集合!它是一组集合!(重要的事情说三遍,之前我错误地认为获取到的是一个元素，原谅我，有些知识真是不撞墙不知道)，具有length属性,以下面代码为例:
body部分

输入代码:<div>
  <p>javascript</p>
  <div>jQuery</div>
  <h5>PHP</h5>
</div>

JS部分:

输入代码: var x =document.getElementsByTagName("div")[0].childNodes;

输入代码:尽管上面body部分只有一个div,但document.getElementsByTagName("div")

获取到的依然是一个集合，所以要在后面[0]表示选择的第一个元素，也就是第一个div,这个时候加入childNodes表示再次获取它的所有子节点的集合，如果你想详细获取，得在变量里面加一个索引[数字]比如x[0]获取的是第一个子节点的元素。
好了说了那么多，是为了想让跟我一样的菜鸟新手别被这个集合坑绊倒了，楼主被坑了三天。各种不理解，那感觉..老年大神笑笑就好了。