HTML | DOM console.groupCollapsed() 方法

HTML 中的console.groupCollapsed()方法用于在控制台中创建一个折叠的消息组。它表示一个折叠消息组的开始，调用console.groupCollapsed()方法后写入的所有消息都将写入消息组内。标签作为可选参数发送到 console.groupCollapsed() 方法。

句法：

console.groupCollapsed( label )

参数：此方法接受可选的单个参数标签，用于指定折叠组的标签。

下面的程序说明了 HTML 中的 console.groupCollapsed() 方法：

示例 1：

     
        DOM console.groupCollapsed() Method 
         
            h1 { 
                color:green; 
            } 
            h2 {
                font-family: Impact;
            }
            body     { 
                text-align:center; 
            } 
         
    
    
        GeeksforGeeks 
        DOM console.groupCollapsed( ) Method 
        
         To view the message in the console 
         press the F12 key on your keyboard.
        
        
            console.log("GeeksforGeeks offers the following courses :");
            console.group("Courses");
            console.log("1. fork python");
            console.log("2. fork cpp");
            console.log("3. fork java");
            console.log("4. Interview preparation");
            console.groupCollapsed();
            console.log("GeeksforGeeks offers tutorials on the" +
            "following data structures :");
            console.log("1. Array");
            console.log("2. Linked List");
            console.log("3. Stack");
            console.log("4. Queue");
            console.groupEnd();
        
    
                    

输出：

控制台视图：

示例 2：在 console.groupCollapsed() 方法中使用 label 参数

     
        DOM console.groupCollapsed() Method 
         
            h1 { 
                color:green; 
            } 
            h2 {
                font-family: Impact;
            }
            body { 
                text-align:center; 
            } 
         
    
    
        GeeksforGeeks 
        DOM console.groupCollapsed() Method 
        
         To view the message in the console
         press the F12 key on your keyboard.
        
        
            console.log("GeeksforGeeks offers the following courses :");
            console.group("Courses");
            console.log("1. fork python");
            console.log("2. fork cpp");
            console.log("3. fork java");
            console.log("4. Interview preparation");
            console.groupCollapsed("Data Structures");
            console.log("GeeksforGeeks offers tutorials on the" +
            "following data structures :");
            console.log("1. Array");
            console.log("2. Linked List");
            console.log("3. Stack");
            console.log("4. Queue");
            console.groupEnd();
        
    
                    

输出：

控制台视图：

支持的浏览器： console.groupCollapsed()方法支持的浏览器如下：

• 谷歌浏览器 6.0
• 浏览器 11.0
• 火狐 9.0
• 歌剧
• Safari 5.1