思洋互动网站建设学前班

复杂的节点遍历

在上面的学习中我们好像没有遇到过大的阻碍，下面我们以一个“导航条”为实例：

1. <div id="menu"> 
2.     <h1>我的导航条</h1>            
3.     <ul id="nav"> 
4.        <li><a href="#">HOME</a></li> 
5.        <li><a href="#">(X)Html / Css</a></li> 
6.        <li><a href="#">Ajax / RIA</a></li> 
7.        <li><a href="#">GoF</a></li> 
8.        <li><a href="#">JavaScript</a></li> 
9.        <li><a href="#">JavaWeb</a></li> 
10.        <li><a href="#">jQuery</a></li> 
11.        <li><a href="#">MooTools</a></li> 
12.        <li><a href="#">Python</a></li> 
13.        <li><a href="#">Resources</a></li> 
14.     </ul> 
15. </div>  

首先我想把看一下我的导航条下有多少个子节点。我第一想到的是前面我学过的查找元素的2种方法：
广州网站建设,网站建设,广州网页设计,广州网站设计

◆getElementById() # 通过ID属性查找元素

该方法将返回一个与那个有着给定id属性值的元素节点相对应的对象。

◆getElementsByTagName() # 通过标签名称查找元素

该方法返回一个对象数组，每个对象分别对应着文档里有着给定标签的一个元素。

1. <script type="text/javascript"> 
2. /*  
3. 通过ID属性查找元素 ，用的是文档对象的getElementById()方法，  
4. 标签：网站建设(5654)广州网站设计(5620)广州网站建设(4075)广州网页设计(1868)