Open In App

HTML DOM console group() Method

Improve
Improve
Like Article
Like
Save
Share
Report

The console.group() method in HTML is used to create a group of messages in the console. It indicates the start of a message group and all the messages written after calling the console.group() method will write inside the message group. The label is sent as an optional parameter to the console.group() method

Syntax:

console.group( label )

Parameters: This method accepts a single parameter label which is optional and used to specify the label for the group. 

Example 1: Below program illustrates the console.group() method in HTML 

HTML




<!DOCTYPE html>
<html>
   
<head>
    <title>DOM console.group() Method</title>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM console.group() Method</h2>
    <p>
        To view the message in the console
        press the F12 key on your keyboard.
    </p>
    <script>
        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");
    </script>
</body>
   
</html>


Output:

HTML DOM console.group() Method

HTML DOM console.group() Method

Example 2: Using the label parameter with the console.group() method 

HTML




<!DOCTYPE html>
<html>
<head>
    <title>DOM console.group() Method</title>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM console.group() Method</h2>
    <p>
        To view the message in the console
        press the F12 key on your keyboard.
    </p>
    <script>
        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");
    </script>
</body>
</html>


Output: 

Supported Browsers: The browsers supported by console.group() method are listed below:

  • Google Chrome 2.0
  • Edge 12.0
  • Firefox 9.0
  • Opera 11.0
  • Safari 4.0


Last Updated : 03 Aug, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads