HTML DOM 表单元素集合

HTML DOM 中的表单元素集合用于设置或返回表单元素内所有 元素的集合。 元素按照它们在源代码中出现的方式进行排序。

句法：

formObject.elements

属性：它返回

元素内的许多输入元素。

方法： DOM 表单元素集合包含下面列出的三种方法 -

• [index]：用于返回指定索引的元素内的元素。索引值从 0 开始。如果索引值超出范围，则返回 NULL。
• item(index)：用于返回指定索引的 元素内的 元素。索引值从 0 开始。如果索引值超出范围，则返回 NULL。该方法的执行与上述方法类似。
• namedItem(id)：用于从集合中返回与指定 id 匹配的 元素。如果 id 不存在，则返回 NULL。

返回值：- 表单元素集合返回表单元素内所有 元素的集合

示例 1：下面的代码返回表单内输入字段的数量。

HTML

 

    
        HTML DOM Form elements Collection
    

 

    
        GeeksforGeeks
 
         
DOM Form elements Collection
 
 
        
            Username:
             
 
            Password:
            
            
        
 
        Submit
 
        
 
 
    
 
    
    
        function click1() {
            var len = document.getElementById("users").elements.length;
            document.getElementById("paraID").innerHTML =
                "There are " + len + " input fields inside form";
        }
    

 

输出：

示例 2：下面的代码返回指定索引的输入字段的值。

HTML

 

    
        HTML DOM form elements Collection
    

 

    
        GeeksforGeeks
 
         
DOM form elements collection values
 
         
        
 
            Username:
            
            
 
            Password:
            
        
 
        Submit
        
 
    
 
    
    
        function click1() {
            var valueVar = document.getElementById(
                    "users").elements[0].value;
 
            document.getElementById("paraID")
                .innerHTML = valueVar;
        }
    

 

输出：

支持的浏览器：

• 谷歌浏览器
• IE浏览器
• 歌剧
• 火狐
• 苹果浏览器