1：getElementsByName(name)方法

它是通过元素的name属性来查询元素，而不是通过id属性。getElementById()方法是通过元素的id属性来获取元素的。

注意：

该方法返回的是元素的数组，而不是一个元素。

和数组类似也有length属性，可以和访问数组一样的方法来访问，从0 开始。

看看如下代码：

运行结果：

2:getElementsByTagName()方法

返回带有指定标签名的节点对象的集合，返回元素的顺序是它们在文档中的顺序。

语法：document.getElementsByTagName(Tagname)

说明：

1：Tagname是标签的名称，如p,a,img等标签名。

2：和数组类似也有length属性，可以和访问数组一样的方法来访问，所以从0开始。

看看如下代码：

                    
                       
我的课程
          
     
                   
      
JavaScript
                   
      
JavaScript
                    
      
JavaScript
                   
      
JavaScript
                    
      
JavaScript
           
     
            

　实例：

通过ID获取标题H1，通过name获取值为sex的元素，通过标签名获取input元素。

    
                         
     
            
      
                       
        
                             
                        学号:                    
                             
                                                
          
                    
                        
                        
                             
                        姓名:                    
                                 
                                            
                        
                        
                             
                        性别:                    
                             
                                                男                                                女                    
                        
                        
                             
                        年龄:                    
                             
                                            
                        
                        
                             
                        地址:                    
                             
                                            
                        
                   
      
        
     
        
            看看三种获取节点的方法?        
        
            点击标题弹出它的值。        
                
                                     

　3：区别getElementByID,getElementsByName,getElementsByTagName

以人来举例说明，人有能标识身份的身份证，有姓名，有类别(大人、小孩、老人)等。

1. ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。

2. Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集合。

3. TagName可看似某类，getElementsByTagName获取相同类的人集合。如获取小孩这类人，getElementsByTagName("小孩")。

把上面的例子转换到HTML中，如下:

  音乐

input标签就像人的类别。

name属性就像人的姓名。

id属性就像人的身份证。

方法总结如下:

注意：方法区分大小写

通过下面的例子(6个name="hobby"的复选项，两个按钮)来区分三种方法的不同:

  音乐    登山    游泳    阅读    打球    跑步     

1. document.getElementsByTagName("input")，结果为获取所有标签为input的元素，共8个。

2. document.getElementsByName("hobby")，结果为获取属性name="hobby"的元素，共6个。

3. document.getElementById("hobby6")，结果为获取属性id="hobby6"的元素，只有一个，"跑步"这个复选项。