HTMLCollection length 属性

length()属性用于返回文档中所有 HTML 元素的集合。它是只读属性，当用户想要遍历 HTML 集合时非常有用。

句法：

HTMLCollection.length 

返回值：它返回一个数字，表示 HTML 集合中所有元素的数量。

下面的示例显示了如何计算 html 集合中的所有

元素：

示例 1：

HTML

 

    
        h1 {
            color: green;
        }
    

 

    
        GeeksForGeeks
        
          HTMLCollection length Property
        
 
         

          The length property is used to return the
          number of all elements in a HTMLCollection.
        
 
        
             
GeeksForGeeks
 
             
A Computer science portal for geeks
 
        
 
        Submit
 
        
        
            function Geeks() {
                var l =
                    document.getElementsByTagName("P").length;
                alert(l);
            }
        
  
 

 

输出：
在点击按钮之前：

点击按钮后：

示例 2：使用 length 属性突出显示类 GFG 的所有元素。

HTML

 

    
        h1 {
            color: green;
        }
    

 

    
        GeeksForGeeks
        HTMLCollection length Property
 
         

          The length property is used to return the
          number of all elements in a HTMLCollection.
         
 
        
            GeeksForGeeks
 
            
              A Computer science portal for geeks
            
 
        
 
        Submit
 
        
        
            function Geeks() {
                var w, c;
 
                w = document.getElementsByClassName("GFG");
                for (c = 0; c < w.length; c++) {
                    w[c].style.backgroundColor = "BLUE";
                }
            }
        
  
 

 

输出：
在点击按钮之前：

点击按钮后：

支持的浏览器： HTMLCollection length 属性支持的浏览器如下：

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