HTML | DOM getElementsByName() 方法

getElementsByName()方法按名称返回特定文档的所有元素的集合。这个集合称为节点列表，节点列表的每个元素都可以在索引的帮助下进行访问。

句法：

document.getElementsByName(name)

参数：此函数接受文档名称。

返回类型：此函数返回元素的集合。

通过使用内置方法 length，我们可以找到该特定元素中存在的元素总数。下面的例子清楚地说明了它。

注意：不存在 getElementByName() 方法，它是 getElementsByName()，带有一个“s”。
示例 1：

  

    DOM getElementsByName()
    
        body {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
    
    
        // creating geeks function to display 
        // number of elements at particular name 
        function geeks() {
  
            // taking list of elements under name ga
            var x = document.getElementsByName("ga");
  
          // printing number of elements inside alert tag
          alert("Total element with name ga are: " + x.length);
        }
    

  

    GeeksforGeeks
    DOM getElementsByName() Method
  
    
    Geeks
    for
    Geeks
  
    

  

输出：

由于 document.getElementsByName() 方法返回一个包含对象的数组，如果我们想获取任何对象的值，那么我们应该使用 document.getElementsByName(“element_name”)[index].value。否则我们将得到未定义的结果。下面的程序清楚地解释了它。

  

    DOM getElementsByName()
    
        body {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
    
    
        // creating geeks function to display
        // elements at particular name 
        function geeks() {
  
            // This line will print entered result
            alert(document.getElementsByName("ga")[0].value);
  
        }
    

  

    GeeksforGeeks
    DOM getElementsByName() Method
  
    
    
    
    
    
    
    

  

                      

输出：

支持的浏览器： DOM getElementsByName() 方法支持的浏览器如下：

• 铬合金
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器