HTML | DOM console.group() 方法

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

句法：

console.group( label )

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

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

示例 1：

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

输出：

控制台视图：

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

     
        DOM console.group() Method 
         
            h1 { 
                color:green; 
            } 
            h2 {
                font-family: Impact;
            }
            body { 
                text-align:center; 
            } 
         
    
    
        GeeksforGeeks 
        DOM console.group() 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.group()方法支持的浏览器如下：

• 谷歌浏览器
• 浏览器 11.0
• 火狐 4.0
• 歌剧
• Safari 4.0